— заметки разработчиков студии

Верстка бывает 2 видов: табличная и с помощью блоков. В роли блочного элемента обычно выступает тэг div.
В настоящее время блочная верстка становится крайне популярной. С чем же это связано?

1. Это бывает необходимо для оптимизации сайта для поисковиков. Поисковый робот читает код страницы начиная с самого верха. С помощью блочной верстки мы можем позиционировать элементы таким образом, что в коде они идут в начале документа, а при просмотре в браузере они могут располагаться где угодно. Соответственно, мы всегда можем поместить в начало документа нужный нам текст, включающий ключевые слова, независимо от дизайна сайта.
2. Практически у каждого интернет-представительства есть своя CMS (Система управления сайтом). В таких системах часто можно настраивать расположение блоков, таких как: «баннеры», «популярные статьи», «лидеры продаж».
   С использование блочной верстки мы сможем легко спозиционировать эти элементы, например с помощью свойства float.

Все вроде хорошо, но существует такой гадкий браузер Internet Explorer, у которого свои взгляды на рендеринг верстки. Допустим мы хотим сделать 2 тянущихся блока и расположить их в один ряд при помощи свойства float:left. В ie правый блок начинает спрыгивать вниз при ресайзинге браузера.

Для разработки дизайна постраничной навигации нам с вами понадобиться немножечко хтмла и css.
Для выравнивания цифр на одном уровне используем тег span и прописываем у него отступ в 5 пикселей.
Все спаны будут без фона, за исключением текущей страницы. В нашем примере текущая страница — №2, и она будет выделена серым бэкграундом. Убираем ссылку со второго раздела и назначаем класс «select». Для удобства обращения к элементам поместим их в див.

Самый простой способ для фиксации footer'а — это фиксация footer'a с заданной высотой.
Для этого вам потребуется создать блок со 100% высотой, где будет находится весь материал сайта, и после него создать блок с footer'ом. В footer'е нужно прописать стиль margin-top и задать значение, равное высоте этого элемента.