У меня проблемы с тем, чтобы заставить мой стол вести себя. Содержание постоянно переполняется, и мои попытки ограничить его не дают желаемого эффекта.

Это моя разметка:

<div class="repeatingdiv">
 <div class="hastitle">Some title</div>  
 <div class="hastable">
  <table>
   <thead><tr><th></th></tr></thead>     
   <tfoot><tr><th></th></tr></tfoot>
   <tbody>   
    <tr>
     <td class="col1">Col 1</td>
     <td class="col2">Col 2</td>
     <td class="col3">Col 3</td>
    </tr>
   </tbody>
  </table>
 </div>
</div>

У меня тогда есть какой-то стиль.td's переполнены, но мне не повезло, устанавливая ихoverflow to hidden/auto, У меня было больше удачи настройки переполнения вhastable класс, который содержит таблицу. Но у меня все еще проблемы с получениемFire Fox уважатьwidth Распределение по 3 колонкам:30%, 35%, 35%, Я тоже пробовал настройкуmin-width, но все равно не повезло. У меня есть несколько таких таблиц на странице, и каждая из них имеет свою ширину. Любая помощь с этим беспорядком таблицы?

.repeatingdiv { }
.hastitle      { margin:0 10px; padding:3px 3px 1px 6px; }       
.hastable      { overflow:hidden; 
                 text-overflow: ellipsis; 
                 margin:10px; 
                 padding:10px; 
               }
table          { }
table tbody    { width: 100%; }
tr    { width: 100%; }
td.col1     { width:30%; min-width:30%; }
td.col2  { width:35%; min-width:35%; }
td.col3  { width:35%; min-width:35%; }