Div верстка, примеры layouts

Опубликовал cross в Дизайн и юзабилити, Разработка сайтов      4 comments

Май
27

Только успел доверстать один из сайтов, как обнаружил неприятный момент в IE7 браузере связанный с меню. Как обычно все сайты я верстаю с помощью div`овой верстки, а в случае Drupal на базе подтемы Zen для того, чтобы ускорить процесс создания layout и базовых классов. Но часто бывает так, что тему для сайта приходится создавать с нуля, а потому очень удобно иметь под рукой уже готовые шаблоны для реализации будущего дизайна сайта.

В основном контент сайта всегда делится на несколько основных регионов: header, menu, content, footer, sidebar соотвественно исходя из желания минимизировать количество dom-элементов и CSS стилей layout должен состоять из всего 5 дивок, которые и нужно будет правильно сверстать.

Есть множество различных методов, как упростить себе эту задачу и получить кроссбраузерный вариант любого расположения регионов. Помимо того есть много туториалов и html генераторов:

• One clean HTML  markup, many layouts... - отличная подборка валидных  XHTML Strict решений для создания layouts
• Layout Gala - очень удобная сборка
• Генератор HTML+CSS шаблонов - генератор готовых валидных шаблонов от Dimox

Собственно используя подобный подход можно очень сильно ускорить процесс создания тем под любой движок или дивную верстку под сайт написаный собственноручно.

Какими трюками, хаками или туториалами пользутесь Вы ?

Похожие посты:

1. Кроссбраузерная div верстка
2. Верстка кнопок с помощью Sprite техники