В принципе, могу сказать, что верстаю довольно давно, собаку, может, еще не съел, но, кажется, немного разбираюсь. Но вот сейчас возникла трабла, которую никак не могу осилить и взываю к помощи коллективного разума:
Есть элемент-родитель (#wrapper), известна его ширина и min-height (задача пока не требует хаков под ИЕ и старые ФФ).
Внутри лежат два элемента - #col1 и #col2, ширина их известна. Внутри второго есть еще 5 элементов, равных по высоте и занимающих весь #col2 по высоте. По высоте #col1 резиновый и тянет #wrapper.
Суть задачи такова: чтобы при любом количестве контента в #col1, #col2 занимал точно такую же высоту и вложенные эл-ты заполняли весь #col2
Может быть, чуть понятнее будет на картинке (все марджины и паддинги для красоты, в реальной задаче их нету).
Есть у кого-нибудь мысли, как это реализовать без js?
Колдовство с display ни к чему толковому не привело.
Код, в приципе, не очень важен, структуру можно и поменять.
<div class="wrapper">
<div id="col1"></div>
<div id="col2">
<div id="in1"></div>
<div id="in2"></div>
<div id="in3"></div>
<div id="in4"></div>
<div id="in5"></div>
</div>
</div>