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

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

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

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

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

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

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

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

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

4 Комментов к “Div верстка, примеры layouts”

  • Работаю сейчас с Rails и часто приходится сталкиваться с вёрсткой. Пробовал заказывать себе, но что – то всё время нужно что – то доделывать, так что решил научится наконец-таки.

    Мой первый сайт был http://dreamydays.ru/ как можно посмотреть вёрстка там не совсем удачная).
    Потом вот этот http://promist.ru/

    Спасибо хорошую подборку ссылок.

  • Спасибо за ссылочки

  • Спасибо за ссылки!

  • Если честно, то не понимаю зачем все эти сборки и приспособления ))) Ручками всегда надежней.

Оставить коммент

Donation Bar

Order Links

Топ комментаторов

  • No commentators.