Двухколоночная див-вёрстка — почему правый контент странно растягивается по высоте левого меню?

Question

[andruxin]

Обычные классические две колонки, левая фиксированная, правая резиновая. В правой колонке располагаются ряд одинаковых блоков с заголовком, картинкой(может и не быть) и описанием.

Проблема в том, что если в первом верхнем блоке нет картинки и мало описания, то блок растягивается по высоте левой менюхи. Растягивается благодаря внутреннему блоку с clear: both. А clear: both нужен в случае, если есть картинка, то чтобы из-за float: left в IMG нижние блоки не лезли друг на друга. Помогите разобраться с первым блоком, чтобы не растягивался на высоту менюхи.

тут весь html, css

Answer 1

[Иван Беленков]

Поставьте правой колонке overflow:hidden.
Вот так.

необходимо сказать, что всё просто пока у вас нету блоков которые вывалятся за пределы правой колонки(селекты и прочие выпадающие меню).
в таком случае лучше использовать вот такой лэйаут , но он не имеет поддержки IE6-7.

Comments

[andruxin]

как всё просто))) спасибо!