Реклама

Партнеры

Формат Google Sitemap (xml) Layout #1. Резина. Три колонки (ширина в %)
Dec 11

Шаблоны разметки страниц. Вступление.

На этапе верстки сайта возникает проблема создания разметки которая должна соответствовать следующим требованиям:

  1. Валидность HTML
  2. Валидность CSS
  3. Кроссбраузерность.
  4. Отсутствие CSS-хаков.


В сети есть множество библиотек с шаблонами лейаутов. Наиболее оптимальным на мой взгляд решением является галерея лейаутов http://blog.html.it/layoutgala/ .Эти лейауты выполнены с использованием отрицательный отступов и обеспечивают:

  1. Валидный HTML и CSS
  2. Совместимость с браузерами Internet Explorer/win 5.0, 5.5, 6, 7; Opera 8.5+, Firefox 1.5+, Safari 2.
  3. Семантический код.

В общем виде разметка страницы имеет вид:

HTML:
  1. <div id="container">
  2.   <div id="header">Header</div>
  3.   <div id="wrapper">
  4.     <div id="content">Content</div>
  5.   </div>
  6.   <div id="navigation">Navigation</div>
  7.   <div id="extra">Extra stuff</div>
  8.   <div id="footer">Footer</div>
  9. </div>

Я буду выкладывать исходные коды лейаутов, использованных мною при разработке сайтов и давать описания по кастомизации этих шаблонов.

google.com bobrdobr.ru del.icio.us technorati.com linkstore.ru news2.ru rumarkz.ru memori.ru moemesto.ru

Оставить ответ