Autor Zpráva
Flag
Profil *
Skoro se stydím zeptat. Jaký je hlavní rozdíl mezi např. margin-left: 10px; a position: relative; left: 10px;?
ultrax
Profil
Flag

možno ti to pomôže pochopiť


klikni
Flag
Profil *
moc to nepomohlo... chápu to správně tak, že margin-left funguje, ale správně je pozicování?
Plaváček
Profil
Flag

chápu to správně tak, že margin-left funguje, ale správně je pozicování?


Zjednodušeně řečeno - margin je vnější okraj prvku (může nabývat i záporných hodnot) a ovlivňuje okolní obsah. Relativně pozicovaný prvek je nejprve prohlížečem umístěn na stanovené místo v toku dokumentu a následně je dle definice jakoby "vyšoupnut" o zadaný počet pixelů (nebo jiných jednotek) ze svého místa, aniž by ovlivnil okolní obsah (na ukázce niže"vytéká" odstavec mimo svého rodiče).

Možná ti princip nejlépe osvětlí jednoduchá praktická ukázka: http://klient.plavacek.net/margin-relative.html

Relativní pozicování se používá spíše výjimečně a při nesprávném použití může webdesignerovi způsobit spoustu vrásek na čele.
Flag
Profil *
áá, jasně. Díky, už to chápu :)
Plaváček
Profil
Flag

Pokud chceš proniknout hlouběji do tajemství CSS, mohu doporučit tento seriál od Petra Staníčka (je sice staršího data, ale zas tak moc se od doby vydání nezměnilo)

http://www.webtip.cz/art/wt_tech_html/wt_css01.html

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: