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
- 986 megtekintés
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
- A hozzászóláshoz be kell jelentkezni
Köszi, pár problémát megoldott, de ezret hozott elő. :)
IE-ben most katasztrófa a helyzet.
Szeretem ezeket, amikor mindenki a szabvány szerint dolgozik. Grrr!
Még próbálkozom!
Köszi!
Üdv: redman
- A hozzászóláshoz be kell jelentkezni
- A hozzászóláshoz be kell jelentkezni