Примеры с вертикальным скроллом

Ссылки ведущие на страницу с примером, определяет разметку, скажем - "Fixed Left Content" расшифровывается так: визуальное расположение колонок на web-странице - "фиксированная колонка-левая колонка навигации-область контента".

Область контента у всех примеров с плавающей шириной, она определяется значением min-width:XXpx и тем же числовым выражением для IE6 в секции хаков. В примерах заначение подобрано таким образом, чтобы при разрешении экрана монитора - 1024*768, не было горизонтальной прокрутки.

При разрешении больше 1024*768, область контента будет становиться шире, без ограничения.

Дополнительные отступы у макета от вертикальных границ рабочей области браузера, заданы стилями:

.header,.footer,.main {margin:0 30px;}

Остальные колонки имеют фиксированную ширину.

Но тут не все так просто...

Процентные величины и различные разрешения экрана монитора вызывают смещение колонок относительно друг друга.

Следующем примере, как собственно и всех остальных все колонки не даром имеют border, сделано это для наглядности.

Если всю страницу пердставить чистым листом, исключив border, смещение можно минимизировать, создав соответствующий запас - расстояние между колонками, что исключит наезд колонок друг на друга.