блоки div уходият в лево эксплорер

</div><!-- /main -->

<div id="main">

</div><!-- /left -->

<div id="left">

<div id="container">

</div><!-- /header -->

<div id="header">

<div id="wrapper">

<div id="outer_wrapper">

Изображение ниже показывает, как работает макет. Я сдвигаю блок #container влево вместо правой стороны (противоположность тому что сделано в статье ALA), и самая важная часть - то, что я не делаю плавающим блок #sidebar.

Эта показывает основную технику, но я создал «более сложный» проект, основанный на этом решении: это - .

CSS хаки Структурные хаки для очистки плавающих элементов IE/Win условные комментарии Загадочные CSS правила Длинные таблицы стилей Надписи «Best viewed in...» (см. )

Мой новый метод не использует:

Ссылки в правой колонке не работают в Opera 6 Возникают проблемы с прорисовкой фона в MSIE В разметке отсутствует структурный хак, который не позволяет очистить место после левой колонки в Netscape Navigator 6

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

Эта из послужила большим источником вдохновения для меня. После «тест-драйва» указанного в ней метода, я решил применить отрицательные внешние полоски (negative margins) с точностью до наоборот.

Блочная верстка в 3 колонки (fluid layout)

Облако категорий

Подписка на RSS/ATOM

Блочная верстка в 3 колонки (fluid layout) - Статьи - Журнал Веб-дизайн