12-01-2011, 19:13
Eh. Wciąż te tabelkowe stereotypy 
90% problemów z layoutami spowodowane jest przez stare-tabelkowe podejście. W dzisiejszych czasach nie wystarczy zmienic table na div, ale trzeba zmienic totalnie podejście.
No ale pal licho.
html, body {min-height:100%;}
.div1 {height:30%; overflow:hidden; background:yellow;}
.div2 {height:30%; overflow:hidden; background:red;}
.div3 {height:30%; overflow:hidden; background:blue;}
.content {position:absolute; top:0; left:50%; width:960px; margin:0 -350px; hiehgt:100%; overflow:hidden;}
Pewnie będzie trzeba dodać jeszcze kilka właściwości, ale nie chce mi się teraz tego sprawdzać, bo ani to ładny kod, ani prawidłowy.
Zresztą istnieją właściwości generujące zawartość jakby były tabelkami (table-cell) i wtedy można kombinować. Że niby stosować tabele? Jeżeli w html nie ma złych tabel, to wszystko jest w 100% porządku.

90% problemów z layoutami spowodowane jest przez stare-tabelkowe podejście. W dzisiejszych czasach nie wystarczy zmienic table na div, ale trzeba zmienic totalnie podejście.
No ale pal licho.
html, body {min-height:100%;}
.div1 {height:30%; overflow:hidden; background:yellow;}
.div2 {height:30%; overflow:hidden; background:red;}
.div3 {height:30%; overflow:hidden; background:blue;}
.content {position:absolute; top:0; left:50%; width:960px; margin:0 -350px; hiehgt:100%; overflow:hidden;}
Pewnie będzie trzeba dodać jeszcze kilka właściwości, ale nie chce mi się teraz tego sprawdzać, bo ani to ładny kod, ani prawidłowy.
Zresztą istnieją właściwości generujące zawartość jakby były tabelkami (table-cell) i wtedy można kombinować. Że niby stosować tabele? Jeżeli w html nie ma złych tabel, to wszystko jest w 100% porządku.