min-height, min/max-width для IE6. Макет шаблона

Trifler Blog

min-height, min/max-width для IE6. Макет шаблона

Идеи витаю в воздухе, на авторство приемов используемых в данном шаблоне не претендую. То, что будет предложено, так или иначе известно и собрано мной в едином макете.

Считайте это импровизацией на заданную тему, от автора поста.

В последнее время, все чаще посещает мысль, что искусство верстки на современном этапе, заключается в том, как и каким образом, обмануть браузеры и заставить их делать именно то, что нам необходимо.

Естественно, чем меньше правил, мы при этом нарушаем, тем лучше. Часто практикуемое применение JavaScript или expression для расширения возможностей горячо "любимого" браузера, в общем случае вряд ли целесообразно. С другой стороны (возможно, это не только моя фишка!?), желание обойтись простыми методами ведет к дополнительным стилевым правилам, включением в html-код страницы лишних контейнеров, но искусство требует жертв :)

Реализация заявленного в заголовке поста, основывается на озвученном мной приеме из предыдущей публикации. Собственно говоря, голая идея подверглась не значительной ревизии. Правда, использование border-а не самое лучшее решение. Проблема не только в том, что отсутствует возможность в применении относительных единиц измерения (%), но и в том, что это препятствует заданию фона body какой либо графикой, а при двух колоночном варианте шаблона в этом может возникнуть потребность.

Отказ от border-а в пользу margin, в какой-то мере позволяет справиться с этим.

Что реализовано в макете:

  1. min-height, min/max-width для основных браузеров IE6(7), FF, OPERA, без использования JavaScript и expression для IE6
  2. вывод контента, производится раньше боковых колонок, как в трех колоночном, так и двух колоночных вариантах, что является хорошим тоном при отсутствии стилей, если они по каким-то причинам не загрузились
  3. легкий переход к разным вариантам шаблона

Проблемные моменты:

  1. Отсутствует иллюзия одинаковой высоты колонок со своим background-ом для каждой из них и разделительными линиями (border-ом) между ними, что кому-то может показаться важным
  2. Ограничения на размер графики и блоки с фиксированной шириной находящиеся в области контента, при уменьшении окна браузера, часть информации обрезается

Тестовая страница.

Комментарии к этой заметке больше не принимаются.


Рейтинг популярности - на эти заметки чаще всего ссылаются:

banner counters.php

leftcounters
width:160px;
height:160px;

banner counters.php

centercounters
width:160px;
height:160px;

banner counters.php

rightcounters
width:160px;
height:160px;

Горизонтальный banner counters.php - width:494px;

октябрь, 2007
пн вт ср чт пт сб вс
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31        
free  counters