В процессе освоения CSS возник следующий вопрос.
Хочу создать column из 3х cells. Дело в том, что высоту первой и третей я знаю, а вот высота второй (средней) должна зависеть от кол-ва контента. Как реализовать подобное в CSS?
XHTML:
CSS:
Собственно, я заменяю разметку таблицами, на разметку CSS.
Хочу создать column из 3х cells. Дело в том, что высоту первой и третей я знаю, а вот высота второй (средней) должна зависеть от кол-ва контента. Как реализовать подобное в CSS?
XHTML:
Code:
<div id="container">
<div id="top_image"></div>
<div id="middle_image></div>
<div id="bottom_image></div>
</div>CSS:
Code:
#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.
