3 April 2008
Кроссбраузерная верстка. Каркас
Posted by Сергей Прогонный under: CSS; HTML .
Один из главных и сложных моментов в верстке - это каркас.
Наша задача сделать универсальный каркас, который будет держать размеры вне зависимости от контента.
По умолчанию считается, что любой сайт должен иметь вертикальную растяжку и фиксированную ширину, если иное не оговорено в требованиях - именно такой вариант я и описываю в данном примере.
Шаг 1. Заготовка, которая послужит нам фундаментом для верстки и может быть применена в любых проектах. Этот шаблон разработан согласно стандарта XHTML 1.0
Смотреть код HTML
Шаг 2. Создаем основные блоки - шапка, подвал и основная часть.
Смотреть код HTML
Шаг 3. Работаем со стилями: в первую очередь желательно обнулить стандартные отступы, т.к. различные браузеры по-разному их интерпретируют. После этого добавляем соответствующие настройки для созданных блоков.
Cмотреть код CSS.
В итоге получаем каркас для сайта с одной колонкой
Шаг 4. Добавляем вторую и третью колонки + соответственно стили к ним.
В результате получаем каркас на две колонки и на три колонки
Leave a Reply
You must be logged in to post a comment.