Autor Zpráva
gardener
Profil
Zdravím
Mám problém, který ani po konzultaci nemohu bez použití CSS hacku vyřešit, jde o to, že pod headerem je relativně pozicovaný menu bar, který je ve všech prohlížecích kromě IE odsazen směrem dolů (viz obrázek).
Není tam žádný margin, padding ani nic a přesto se odsazuje.

Netušíte někdo prosím co je uděláno špatně?

[img][img=http://img71.imageshack.us/img71/2020/ffbd5.th.jpg][/img]



Zde je CSS zápis pro header a menu box


/*div v kterem je vsazen veskery obsah*/
#everything {
	width:977px;
	height:auto;
	text-align:left;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	margin-top: 100px;
}
#header {
	height:auto;
	visibility:visible;
	z-index: 1;
	position: relative;
}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:10px;
}
.left{
	padding-left: 50px;
	padding-top: 50px;
}
.menu {
	height:69px;
	width:976px;
	visibility:visible;
	position: relative;
	margin-top:0px;
/*	&margin-top:0px; IE hack*/
	background-image:url(images/title.png);
}



HTML

<div id="everything">
  <div id="header"><img src="images/header.png" alt="header" width="977" height="283"/></div>
  <div class="menu"><h2 class="left"> pokusnz text</h2></div>
</div>
Trejpa
Profil
gardener
<img ... align=middle> nebo
<img ... style="vertical-align: middle;">

http://diskuse.jakpsatweb.cz/index.php?action=vthread&topic=66436&foru m=4&page=-1#4
gardener
Profil
Tak to jsem vyzkoušel již předtím ale bohužel to nefunguje, myslím, že to spíš dělá text, jenž tam je relativně umístěn, jelikož když ho odstraním, problém zmizí.
Ale tomu asi nenmá moc cenu nastavovat vertical align, resp, nepomůže to vyřešit problém..

Napadá někoho ještě jiná možnost prosím?

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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