Таблицы, переполненные CSS в Firefox
У меня проблемы с тем, чтобы заставить мой стол вести себя. Содержание постоянно переполняется, и мои попытки ограничить его не дают желаемого эффекта.
Это моя разметка:
Some title
Col 1
Col 2
Col 3
У меня тогда есть какой-то стиль.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%; }