Autor Zpráva
gardener
Profil
Zdravím
Mám problém s napozicováním menu, ve všech prohlížečích se zobrazí korektně kromě IE, kde je zobrazeno jakoby bokem..
Tuším, že by mohla býti chyba v špatném počítání vzdálenosti v IE (jakoby IE počítal vzdálenost od nejbližšího absolutně pozicovaného prvku).
Chtěl bych vyřešit, jak menu zarovnat všude stejně aniž by to rozhodilo okolní uspořádání prvků.

Děkuji za každou radu..

Pro lepší představu přidávám HTML a CSS kód:

HTML
<div id="everything">
  <div id="header"><img src="images/header.png" alt="header" width="977" height="283"/></div>
  <div id="white_background">
    <div id="title">
      <h1>Nadpis velikosti h1</h1>
    </div>
    <div id="projects_box_header"></div>
    <div id="content_projects"></div>
    <div id="left_navigation"></div>
    <div id="left_navigation_content"></div>
    <div id="overpass_navigation_content"></div>
    <div id="left_blue_navigation_content"></div>
    <div id="left_blue_navigation_footer"></div>
    <div id="left_box"></div>
  </div>
  <div id="footer"></div>
  <div id="validity_footer"></div>
</div>



body {
	background-image:url(images/bg.png);
	background-repeat:repeat-x;
}
h1 {
	font-family:Arial, Helvetica, sans-serif;
	color:#3399cc;
	font-size:24px;
	text-indent: 20px;
}
/*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;
}
#white_background {
	height:auto;
	text-align:left;
	background-color:#FFFFFF;
	width: auto;
	background-position: right;
	margin-left: 18px;
	margin-right: 12px;
}

#header {
	height:auto;
	text-align:center;
	visibility:visible;
	z-index: 1;
}
#title {
	width:769px;
	height:52px;
	visibility:visible;
	background-image: url(images/H1_background.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	position: absolute;
	text-align: left;
	z-index: 2;
	margin-left: 180px;
	margin-top: 20px;
}
#left_navigation {
	width:197px;
	height:69px;
	visibility:visible;
	background-image: url(images/black_box_header.png);
	background-repeat: no-repeat;
	position: relative;
	margin-left: -18px;
}

#left_navigation_content {
	width:197px;
	visibility:visible;
	background-image: url(images/black_box_bg.png);
	background-repeat: repeat-y;
	position: relative;
	margin-left: -18px;
	height: 200px;
}
#overpass_navigation_content {
	width:197px;
	height:50px;
	visibility:visible;
	background-image: url(images/black_blue_box.png);
	background-repeat: no-repeat;
	position: relative;
	margin-left: -18px;
}
#left_blue_navigation_content {
	width:197px;
	visibility:visible;
	background-image: url(images/blue_box_bg.png);
	background-repeat: repeat-y;
	position: relative;
	margin-left: -18px;
	height: 200px;
}
#left_blue_navigation_footer {
	width:197px;
	visibility:visible;
	background-image: url(images/blue_box_footer.png);
	background-repeat: repeat-y;
	position: relative;
	margin-left: -18px;
	height: 49px;
}
#left_box {
	width:71px;
	visibility:visible;
	background-image: url(images/box.png);
	background-repeat: no-repeat;
	position: relative;
	height: 289px;
	margin-left: -72px;
	margin-top: -170px;
}

#projects_box_header {
	width:246px;
	visibility:visible;
	text-align:center;
	background-image: url(images/projects_header.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 67px;
	z-index: 3;
	margin-left: 700px;
	margin-top: 100px;
}

#content_projects{
	width:246px;
	height:200px;
	visibility:visible;
	background-image: url(images/bg_projects.png);
	background-repeat:repeat-y;
	position: absolute;
	margin-left: 700px;
	margin-top: 167px;
}

#footer_projects{
	width:246px;
	height:200px;
	visibility:visible;
	background-image: url(images/bg_projects.png);
	background-repeat:repeat-y;
	position: absolute;
	margin-left: 700px;
	margin-top: 167px;
}

#footer {
	width:977px;
	height:83px;
	visibility:visible;
	background-image: url(images/footer.png);
	background-repeat: no-repeat;
	position: relative;
}

#validity_footer {
	width:283px;
	height:51px;
	visibility:visible;
	background-image: url(images/validity_footer.png);
	background-repeat: no-repeat;
	position: relative;
	margin-top: -12px;
	margin-left: 100px;
}

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: