Как растянуть сайдбар по высоте, вровень с контентом?

[freeentr]

Всем привет,

Как растянуть сайдбар по высоте, вровень с контентом?

• height:100%; - не работает,
  
• min-height:100%; - не работает,
  
• margin-bottom: -32767px; padding-bottom: 32767px; - не работает,
  

есть ли ещё способы?

Дивы стоят так:

<div id="wrapper">

[indent]<div class="sidebar" style="float:left;"></div>[/indent]

[indent]<div class="content" style="float:left;></div>[/indent]

</div>

[npofopr]

любимая <table>

может тут что нибудь есть

или здесь

ну и на форуме тьма таких сообщений была

Edited September 30, 2010 by npofopr

[Searcher]

freeentr, сочту необходимым разъяснить пару моментов.

Во-первых, блочная верстка на то и блочная, что не подразумевает табличного вида. Неестественно для блочной верстки делать колонки одинаковой высоты. Хотя самый элементарный способ - нарисовать фон с разделением на колонки для body, допустим, но это годится только для фиксированных макетов. Хотя при использовании css3 можно поизвращаться и резину сделать.

Во-вторых, думайте логически когда пишите height:100%; или аналогичное. От чего в css считается относительная высота? Правильно, от родителя, а если не указывать высоту она устанавливается автоматически по содержимому. Так как изволите броузеру считать ваши 100%, если родитель с высотой автоматом?

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

[SelenIT]

Как вариант — position:absolute; top:0; bottom:0 (при position:relative для контейнера). Но IE6 в пролете (хотя туда ему и дорога).