Привет.
Передо мной стоит задача: 2 колонки — сайдбар с фиксированной шириной слева и основная контентная часть справа от сайдбара, контентная часть должна занимать всю оставшуюся ширину страницы. Футер/шапка не нужны.
У фона сайдбара и контентной части различная цветная заливка.
В контентной части на различных страницах будет разное количество текста, где-то очень мало, где-то несколько экранов вниз.
Требуется добиться того чтоб при любом раскладе и сайдбар и контентная часть были:
1. Одинаковой высоты.
2. Занимали 100% высоты экрана (минимум если мало текста).
3. В контентную часть можно было добавить любое количество информации.
4. Работает в IE 6/7+
На данный момент я добился того чтоб при небольшом количестве текста в контентной части, 2 условия выполняются —
i.imgur.com/J9Gt5.png, однако если добавить больше текста, то всё едет —
i.imgur.com/KTSJi.png
Добавление 'overflow:hidden' частично решает проблему, но при большом количестве текста на странице он обрезается, а это недопустимо.
Код:
pastebin.com/zXqzEJaP
Спасибо всем кто поможет.
Простой
