Ígértem ebből következő részt, hát itt van. (Jobb később mint soha!)

Tehát akkor absolute és relative pozicionálás.
A top és left (nameg ugye right és bottom) segítségével adjuk meg a pozíciójuk pontos helyét a diveknek.
Relative: Talán az elterjettebb pozicionálás, ugyanis mindig a "szülő"-höz alkalmazkodik, pozícionálódik. Azaz ha van egy div-ünk, és belerakunk mégegyet, és annak relative a pozícionálása, akkor a left és a top ahhoz fog igazodni.
Absolute: Ez a pozícionálási lehetőség pedig az szülőoldalhoz alkalmazkodik, tehát akármilyen div-be is beteszem ezt, az ott fog maradni, tehát adok neki egy top-ot és left-et, és mindig pl. 200px-re lesz a böngésző fenti részétől, ill. a böngésző bal részétől.
Tehát ha van egy ilyen kódunk a css részben:

1
2
3
4
5
6
7

#fenn1 {
position:relative;
top 15px;
left 20px;
width:200px;
height:200px;
background-color:#CC0000; }

Ebben az esetben ez a div a szülőtől (pl. egy táblázat vagy div amibe belekerül) fenthez képest 15, bal oldalához képest 20 pixelre lesz egy 200*200-as piros négyzet.
Ha ugyanezt absolute-ra tesszük, akkor a szülőoldalhoz képest fentről 15, bal oldalról 20 pixelre lesz egy 200*200-as piros négyzetünk.

A következő részben a float-ról lesz szó, nem tudom mikorra várható!

Szerző: raczger Hozzászólások(0)