Autor | Zpráva | ||
---|---|---|---|
Flag Profil * |
#1 · Zasláno: 13. 6. 2009, 22:55:28
Skoro se stydím zeptat. Jaký je hlavní rozdíl mezi např. margin-left: 10px; a position: relative; left: 10px;?
|
||
ultrax Profil |
#2 · Zasláno: 14. 6. 2009, 01:37:08
|
||
Flag Profil * |
#3 · Zasláno: 14. 6. 2009, 01:45:40
moc to nepomohlo... chápu to správně tak, že margin-left funguje, ale správně je pozicování?
|
||
Plaváček Profil |
#4 · Zasláno: 14. 6. 2009, 08:19:51
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 * |
#5 · Zasláno: 14. 6. 2009, 09:47:37
áá, jasně. Díky, už to chápu :)
|
||
Plaváček Profil |
#6 · Zasláno: 14. 6. 2009, 10:19:18
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 |
||
Časová prodleva: 15 let
|
0