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
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
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
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.

Vaše odpověď

Mohlo by se hodit

Odkud se sem odkazuje


Prosím používejte diakritiku a interpunkci.

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

0