Задача: создать кроссбраузерную таблицу, «резиновые» ячейки которой будут обладать свойством overflow:hidden.
Решить такую задачу не так просто, как кажется на первый взгляд. Прописывание ячейкам таблицы стилевого свойства overflow:hidden не заработает ни в одном браузере так, как хотелось бы…
Для решения необходимо использовать комбинацию ячеек таблицы и вложенных ДИВов.
CSS- и HTML-код смотрим ниже.
.div {
width:100%;overflow:hidden;white-space:nowrap;
border:1px solid red;
}
.div div {float:left;}
Проверено в:
— IE 6;
— Mozilla Firefox 1.5;
— Opera 9.1;
Источник: