- Даже в узких окнах. Построим, в качестве примера, простой “ резиновый ” сайт. Задумка реализуется при помощи таблицы : <TABLE border=0.
- Уроки по HTML. Рассмотрим примеры жесткой и резиновой табличной верстки сайтов. Табличная верстка или верстка с помощью таблиц.
- Если есть готовое решение только на HTML отпишите сырец пожалуйста! Использовать JavaScript очень не хочется. И вообще это.
- Резиновые ячейки таблицы с overflow:hidden. Создать кроссбраузерную таблицу, " резиновые " ячейки которой будут обладать.
HTML, CSS сделать таблицу, резиновая верстка - HTML, CSS, Тема 309089.
CSS-трюк: IE, таблица и «резиновые» изображения. Антон Молодой подкинул мне идею для этого поста. Он столкнулся с проблемой, с которой с моей косвенной помощью сам же и справился. Я с этим багом (да, речь пойдет об очередном баге IE) никогда не сталкивался, поэтому решил написать об этом пост, во-первых, как шпаргалку для себя на будущее, во-вторых, вдруг кто-то из читателей и посетителей блога однажды столкнется с такой же проблемой. У нас имеется «резиновая» страница, которая растягивается на всю ширину окна браузера. Имеем таблицу с шириной 100%.
В таблице имеем ряд из 5-ти изображений (в нашем примере их реальная ширина — 250 пикселей), и необходимо, чтобы при изменении ширины окна браузера эти изображения растягивались или сужались пропорционально, заполняя всю ширину таблицы. Реализуется это следующим простым способом:. Все замечательно, за исключением одного «но» — если смотреть этот пример в браузере IE6 или IE7.
вы заметите, что при сужении окна браузера ширина изображений в определенный момент «застревает» и не они не сужаются дальше. в результате чего таблица вылазит за пределы контента.
Ну а трюк, который позволяет исправить это недоразумение. заключается всего в одной строчке CSS-кода, который нужно применить к таблице, в которой расположены наши изображения:.