Верстка каркаса для сайта

В данной статье рассмотрен html каркас блочного типа. Отличительными особенностями данного каркаса являются:

• Минимальный размер сайта на весь экран (монитор, дисплей);
• Футер не залазит на область меню или основную область контента (применение распорки);
• Применение блока clear для предотвращения обтекания плавающих элементов (float).

На рисунке представлена схема получаемого блочного каркаса:

Каркас состоит из следующих блоков (div):

• wrapper — оболочка или обертка основной части контента. Включает в себя следующие блоки:
  • Header — блок шапки сайта;
  • Sidebar — блок левого меню и информеров;
  • Content — блок области основного контента;
  • Clear — блок заставляет видеть и учитывать плавающие элементы
  • Rasporka — блок необходим для предотвращения перекрытия контента блоком footer
• Footer — подвал сайта.

Более детальную информацию вы сможете получить из видео:

Копия видео: http://youtu.be/54BnCTFwBlE