Теперь пришло время обратить внимание на структуру страницы. При такой структуре,
Ка.к сейчас, вы должны прокрутить страницу вниз, чтобы прочитать последние
Новости в боковом меню и увидеть объявления (что очень не нравится рекламодателям).
Б этом разделе будет рассказано, как использовать абсолютное позиционирование,
Чтобы создать гибкую разметку на три столбца, которая перенесет все
Содержимое к вершине страницы (и воспрепятствует тому, чтобы ваши спонсоры
Отказались от своих вложений).
Прежде чем начать, просмотрите структуру страницы на рис. 13.17.
Порядок описания в HTML СSS-раэметка
Рмс. 13.17. Секрет абсолютно позиционированных разметок- nравильное расположение
Элементов. Если есть проблемы, используйте поля или отступы (например, переместите элемент
На несколько пикселов влево)
Каждый раздел страницы описан в собственном теге <di v> с соответствующим
ID. Главное содержимое страницы, боковое меню, реклама и записи об авторском
Праве заключены в тег с ID, равным contentWrapper (см. рис. 13.17, 4). Все теги
в теле страницы описаны в теге <div> с ID wrapper (см. рис. 13.7, 1). Вам может
показаться, что тегов <di v> слишком много, но у каждого из них свое назначение.
Баша задача состоит в том, чтобы классифицировать три тега <di v> ( s idebar, mai n
