Задать вопрос
andruxin
@andruxin

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

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

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

тут весь html, css
  • Вопрос задан
  • 3143 просмотра
Подписаться 2 Оценить Комментировать
Решения вопроса 1
@IoannGrozny
Front-end разработчик
Поставьте правой колонке overflow:hidden.
Вот так.

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

Войдите, чтобы написать ответ

Похожие вопросы