Идеи витаю в воздухе, на авторство приемов используемых в данном шаблоне не претендую. То, что будет предложено, так или иначе известно и собрано мной в едином макете.
Считайте это импровизацией на заданную тему, от автора поста.
В последнее время, все чаще посещает мысль, что искусство верстки на современном этапе, заключается в том, как и каким образом, обмануть браузеры и заставить их делать именно то, что нам необходимо.
Естественно, чем меньше правил, мы при этом нарушаем, тем лучше. Часто практикуемое применение JavaScript или expression для расширения возможностей горячо "любимого" браузера, в общем случае вряд ли целесообразно. С другой стороны (возможно, это не только моя фишка!?), желание обойтись простыми методами ведет к дополнительным стилевым правилам, включением в html-код страницы лишних контейнеров, но искусство требует жертв :)
Реализация заявленного в заголовке поста, основывается на озвученном мной приеме из предыдущей публикации. Собственно говоря, голая идея подверглась не значительной ревизии. Правда, использование border-а не самое лучшее решение. Проблема не только в том, что отсутствует возможность в применении относительных единиц измерения (%), но и в том, что это препятствует заданию фона body какой либо графикой, а при двух колоночном варианте шаблона в этом может возникнуть потребность.
Отказ от border-а в пользу margin, в какой-то мере позволяет справиться с этим.
Что реализовано в макете:
Проблемные моменты:
Тестовая страница.
Горизонтальный 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 | ||||