Резиновые ячейки таблицы с overflow:hidden

Задача: создать кроссбраузерную таблицу, "резиновые" ячейки которой будут обладать свойством 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;

Читать комменты и комментировать

Добавить комментарий / отзыв



Защитный код
Обновить

Резиновые ячейки таблицы с overflow:hidden | | 2010-09-20 03:10:44 | | Языки разметки | | Задача: создать кроссбраузерную таблицу, резиновые ячейки которой будут обладать свойством overflow:hidden. Решить такую задачу не так просто, как кажется на первый взгляд. Прописывание ячейкам | РэдЛайн, создание сайта, заказать сайт, разработка сайтов, реклама в Интернете, продвижение, маркетинговые исследования, дизайн студия, веб дизайн, раскрутка сайта, создать сайт компании, сделать сайт, создание сайтов, изготовление сайта, обслуживание сайтов, изготовление сайтов, заказать интернет сайт, создать сайт, изготовить сайт, разработка сайта, web студия, создание веб сайта, поддержка сайта, сайт на заказ, сопровождение сайта, дизайн сайта, сайт под ключ, заказ сайта, реклама сайта, хостинг, регистрация доменов, хабаровск, краснодар, москва, комсомольск |
 
Поделиться с друзьями: