Подскажите как быть с <div>

[juggernaut]

Есть два div. Один - меню навигации, второй - контент, т.е содержание ну или текст). Как сделать, чтобы эти два дива имели одинаковую высоту. А то на одной странице текста больше, чем высота меню и тогда менюшный див короче контентного, ну и если текста мало, то контентный див меньше, чем меню.

А мне нужно чтоб они все в независимости от контента имели одинаковую длину и доходили до нижнего дива - footer

Кто подскажет, тому спасибо!)

 

[Chel]

Глянь тут

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

 

[difour]

див - это не таблица, вариант сделать бэграунд фоткой и общим для 2ух дивов

 

[juggernaut]

По ссылке ничего для себя полезного не нашел, там рассматривается другой аспект работы с div

див - это не таблица, вариант сделать бэграунд фоткой и общим для 2ух дивов

Можешь объяснить по-подробнее. Ты имеешь в виду бэкграунд-фото высотой 600 пиков и туда и сюда (этот вариант не подойдет т.к. на сайте есть длинные страницы, а есть короткие...)? Или что-то другое.

 

[General Fizz]

Вложи эти два дива в третий, общий для обоих. Похожая верстка на Для просмотра ссылки Войди или Зарегистрируйся

Вообще эта проблема (заранее неизвестная высота контента в диве) в общем случае не имеет решения.

 

[disan]

Здесь подробно описано как делаются колонки одинаковой высоты:

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

 

[bueno]

на мой взгляд все намного проще..

css:

#container{ overflow:hidden; float:left; background:url(bgrnd.png) left repeat-y; }
#left{ float:left; width:200px; }
#right{ float:left; width:400px; }

bgrnd.png - задаем цвет колонок..


html:

<div id="container">
	<div id="left">left div content</div>
	<div id="right">right div content</div>
</div>

вот собственно и все..

 

[SleepShadowWeb]

<div id="container" style="height:500px;">
<div id="left" style="height:100%;">left div content</div>
<div id="right" style="height:100%;">right div content</div>
</div>