Вопрос по CSS

[Artemij]

В процессе освоения CSS возник следующий вопрос.

Хочу создать column из 3х cells. Дело в том, что высоту первой и третей я знаю, а вот высота второй (средней) должна зависеть от кол-ва контента. Как реализовать подобное в CSS?

XHTML:

<div id="container">
   <div id="top_image"></div>
   <div id="middle_image></div>
   <div id="bottom_image></div>
</div>

CSS:

#container {
margin: 0px;
padding: 0px;
width: 20px;
height: ???;
float: left;
position: relative; }

#top_image {
background-image: url(images/top_image.gif);
background-repeat: no-repeat;
width: 20px;
height: 20px;
margin-left: 0px;
float: left; }

#middle_image {
background-image: url(images/middle_image.gif);
background-repeat: repeat-y;
width: 20px;
height: ???;
margin-left 0px;
float: left; }

#bottom_image {
background-image: url(images/bottom_image.gif);
background-repeat: no-repeat;
width: 20px;
height: 20px;
margin-left: 0px;
float: left; }

Собственно, я заменяю разметку таблицами, на разметку CSS.

 

[viper]

height: auto;

кажись так.

 

[Hatifnatt]

А зачем высоту то указывать? ячейка автоматически по высоте растянется.
А вообще вот тут посмотри куча готовых стилей для тебя возможно что-то подойдет.

 

[shs777]

высоту можно не указывать. она по умолчанию auto. Соответственно будет тянуться в зависимости от размеров контента.