Autor | Zpráva | ||
---|---|---|---|
maxx Profil * |
Zdravim,
mám následující css #main { width: 870px; background-color: #FFFFFF; margin: 40px auto 20px auto; position: relative; } #logo { width:840px; height:233px; background:url(images/logo.jpg); margin:15px; clear:both; } A zápis v html <div id="main"> <div id="logo"></div> </div> A nefunguje mi zde margin-top. Vždy se to nalepí až na ten main div úplně nahoru, nevíte proč? Dík |
||
Miloš Profil |
#2 · Zasláno: 20. 1. 2009, 19:12:52
Ani mně není jasný důvod, proč FF/Opera neakceptují margin-top, ale můžeš to alespoň obejít tak, že pro #main přidáš padding-top:1px;.
|
||
panther Profil |
#3 · Zasláno: 20. 1. 2009, 19:14:44 · Upravil/a: panther
maxx
nevidím nic, proč by to nemělo fungovat. V IE7, když si dáš na backgroundy barvy různé od #fff, abys viděl rámečky, odsazení 40, resp. 15px shora tam je. EDIT: tak prolbém je zřejmě jinde než v IE, kde jsem zkoušel. |
||
Trejpa Profil |
#4 · Zasláno: 20. 1. 2009, 21:36:30
maxx
Je to proto, že na blokové elementy platí pravidlo o sčítání marginů, ve kterém se píše, že horní odsazení prvního a spodní odsazení posledního blokového elementu je nulové. Tuto výjimku z okrajů podle specifikace vykreslují všechny prohlížeče kromě Internet Exploreru do sedmé verze a jeho zpětně kompatibilního módu ve verzi osmé. Kompatibilním řešením horního a spodního odsazení je použití paddingu u nadřazeného elementu. |
||
Časová prodleva: 15 let
|
0