PHP-Script.hu
Kiemelt hirdetés:
2018. december 19. 08:25 szerda, ma Viola névnap van


grafika


Videóbázis


Kategória: HTML, CSS
DIV-ek kezelése II. rész
2008.01.04. 18:18

Í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ő: userraczger Hozzászólások(0) Hozzászólások Megosztás az iWiW-en Megosztás az Facebook-on Megosztás a Google Reader-ben Megosztás az Twitter-en 

Listázás:  Idő szerint:
Webprogramozás arr Tutorialok info DIV-ek kezelése II. rész

Ebbe a topikba még nem érkezett hozzászólás.

Listázás:  Idő szerint:


© 2006-2018 PHP-Script.hu, Minden jog fenntartva!
Design: Rácz Gergely, Oldalmotor: Rácz Gergely
Impresszum - Oldaltörténet - Oldalszabályzat