CSS:
Kod
#gora { background-color:#D8DACD; position:absolute; left:5px; top:5px; width:500px; height:50px}
#srodek {position:absolute; left:5px; top:55px; background-color:#D8DACD; height:auto; width:500px;
border-top: 8px solid #717171; border-bottom: 8px solid #717171;}
.male {float:left; width:33%}
.male, .jeden {border-bottom: 1px solid #688C92}
.jeden {float:right; width:34%;}
XHTML:[xml:1:c04cfdd4d0]<div id="gora">tu chyba jakis tekst</div>
<div id="srodek">
<div class="male">1</div>
<div class="male">2</div>
<div class="jeden">3</div>
<div class="male">1</div>
<div class="male">2</div>
<div class="jeden">3</div>
<div class="male">1</div>
<div class="male">2</div>
<div class="jeden">3</div>
<div class="male">1</div>
<div class="male">2</div>
<div class="jeden">3</div>
</div>[/xml:1:c04cfdd4d0]
Oczywiscie musisz troche pobawic sie w wyglad, zeby zaczelo wygladac tak samo.
Powyzej jeden ze sposobow "najlatwiejszy" to znaczy taki w ktorym nie trzeba sie bawic w "mierzenie". Jesli wymagasz czegos wiecej to obawiam sie ze trzeba bedzie sie pobawic w "pozycjonowanie" i w "mierzenie". Tego drugiego Ci nie podaje bo po pierwsze zawsze bedzie to inaczej (wiec prawdopodobienstwo ze akurat trafie w to co chcesz jest male) a po drugie jest to zmienne wiec trudno napisac cos co bedzie sie wraz z contentem musialo zmieniac. Jednak mysle ze sam z tym sobie poradzisz - bo sprowadza sie to do czegos na wzor ukladania puzzli. Ewentualnie sposob trzeci - fixed, ktory tez nie podaje bo IE tego nie obsluguje (mozna ewentualnie zastosowac JS ale chyba nie tedy droga....).