Блоки одинаковой высоты

[Guesto]

Здравствуйте.

Помогите пожалуйста создать блоки одинаковой высоты.

<div id="wrapper">

<div id="header"></div>

<div id="sidebarL"></div>

<div id="sidebarR"></div>

<div id="content"></div>

<div id="float"></div>

</div>

[Vadimka]

а что трудно сделать так?

header,
sidebarL,
sidebarR,
content,
float { height: 200px; }

или же

wrapper { height: 200px; }

header,
sidebarL,
sidebarR,
content,
float { height: 100%; }

[hedgehog]

а что трудно сделать так?

а ничего, что контент может быть разной высоты?

По теме: http://tinyurl.com/b54vusg

Я сейчас не мудрствую лукаво и использую обертку с display:table, а для колонок - display:table-cell (работает в браузерах, а также в IE8+). А еще есть вот такая штука, но я еще не не пробовал

[Guesto]

а что трудно сделать так?

header,
sidebarL,
sidebarR,
content,
float { height: 200px; }

или же

wrapper { height: 200px; }

header,
sidebarL,
sidebarR,
content,
float { height: 100%; }

#wrapper{

height: 200px;

width:800px;

outline:1px solid #cccccc;

padding:10px;

margin:0 auto;

}

#header{

height:77px;

background-color:#f8ac18;

margin-bottom:12px;

}

#sidebarL{

height:77px;

background-color:#ebebeb;

margin-bottom:12px;

width:150px;

float:left;

}

#sidebarR{

height:77px;

background-color:#ebebeb;

margin-bottom:12px;

width:150px;

float:right;

}

#content{

height:77px;

background-color:#c5161d;

margin:0 auto 12px auto;

width:480px;

}

#footer{

height:77px:

background-color:#111111;

margin-bottom:12px;

}

————————-

помещаю в content текст и вот что из этого выходит:

[kamaz6141]

Ну правильно, у тебя высота #content 77px

[Guesto]

Ну правильно, у тебя высота #content 77px

Хочу, чтобы

sidebarL,

sidebarR,

content,

равнялись автомотически, чтобы

sidebarL,

sidebarR,

равнялся автоматически к contentu или наоборот.

[gordi]

Читаем раздел - http://csslayout.ru/layout/float/float.htm

Выбираем нужное из примеров.

[Guesto]

Читаем раздел - http://csslayout.ru/layout/float/float.htm

Выбираем нужное из примеров.

Спасибо.

[npofopr]

Вот тут много способов