több <div> egyszerre növelése

Sziasztok!

Most készítek egy oldalt, táblázatok nélkül.

tag-ekkel dolgozom.

Az oldal felépítése valahogy így néz ki:


------------- ------------- ------------- 
|           | |           | |           |
|   div1    | |  div2     | |   div3    |
|           | |           | |           |
------------- ------------- -------------
|              div4                     |
|                                       |
-----------------------------------------

div1: menusor
div2: tartalom
div3: egyebek
div4: lábléc (állandó tratlom)

A gondom az, hogy ha a div1-ben a menüsor bővül, akkor nem viszi magával a div2-t és 3-at. (Ahogy a táblázatnál megszokott)
Hasonló a dolog a div2-vel is.
Az egészre még rájön, hogy a div4 láblécet nem tudom hova pozicionálni, ha bővül a tartalom.
Hogyan lehet ezekkel olyat csinálni, mint a táblázatoknál, hogy tolja az alatta levő elemet magával?

Itt a css:

body {

background-color : white;

margin-top: 0px;

margin-left: 0px;

text-align: left;

background-image: url("pic/hatter.jpg");

}

div.bal{
width: 159;
height: 400;
border:0;
margin-left: 33;
margin-top: 100;
position: absolute;
background-image: url('pic/balhatter.jpg');

}

div.kozep{
width: 537;
height: 400;
border:0;
margin-left: 197;
margin-top: 100;
position: absolute;
background-image: url('pic/kozephatter.jpg');

}

div.jobb{
width: 241;
height: 400;
border:0;
margin-left: 739;
margin-top: 100;
position: absolute;
background-image: url('pic/jobbhatter.jpg');

}

div.lablec{
width: 947;
height: 31;
border:0;
margin-left: 33;
margin-top: 500;
position: absolute;
background-image: url('pic/lablec.gif');

}

Most per pillanat egyben van az oldal, de ha bővül a tartalom, akkor szétesik.
A hátterek két pixel magas képek a láblécet kivéve és ahogy nő a div, folyamatosan kitölti háttérrel.

A másik gondom, hogy FF-ban ha a divnek nem adok meg magasságot, akkor a szöveg ugyan kitolja a szövegdobozt, de a háttér, az csak olyan magasságban jelenik meg, amit megadtam height értékként. IE és Opera alatt úgy működik, ahogy várnám.

Tudna valaki tanácsot adni?

Üdv: redman

Hozzászólások

Ne position:absolute legyen, és float:left
lábléc divnek meg clear:left és ő se legyen absolute.
a http://cssplay.co.uk egy jó játszótér, vannak okos trükkök rajta!
--
the tide is turning