Hi,
meine Menüleiste entspricht dem div "navi" und direkt drüber und drunter hab ich die divs "overnavi" und "undernavi" platziert mit ner height von 5px, weil das image so hoch ist(der schwarzgraue Balken/Linie).
Aus irgendeinem grund werden aber im i-explorer die divs für die linie in 19px height angezeigt und ich habe keine Ahnung warum. kann mir bitte einer helfen? screens und quellcode sind beigefügt. (ist nicht viel code hab erst angefangen)
thx
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
body {
background-color: #E0DFE3;
background-image: url(images/bg3.jpg);
background-repeat: repeat-x;
}
-->
</style></head>
<body>
<div id=border>
<center>
<div id=box>
<div id=borderL>
</div>
<div id=headmain>
<div id=header>
</div>
<div id=overnavi>
</div>
<div id=navi>
http://index.html
http://index.html
http://index.html
http://index.html
http://index.html
http://index.html
http://index.html
</div>
<div id=undernavi>
</div>
</div>
<div id=borderR>
</div>
</div>
</center>
</div>
</body>
</html>
/* CSS Document */
body{
margin-top: 0px;
}
#border { width: 100%;
height:100%;
margin-top: 0px;
/*border:groove;*/
}
#box { width: 820px;
height: 1140px;
/*border:groove;*/
}
#borderL { height: 1100px;
width: 15px;
float:left;
margin-left: 30px;
background-image:url(images/site.jpg);
/*border:groove;*/
}
#headmain{ width: 730px;
height: 1140px;
/*border:groove;*/;
float:left;
}
#header { height: 268px;
width: 730px;
/*border:groove;*/
float:left;
background-image:url(images/headernew.jpg);
}
#overnavi { height: 5px;
width: 730px;
float:left;
background-image:url(images/overnavi.jpg);
padding: 0px;
margin:0px;
}
#navi { height: 40px;
width: 730px;
float:left;
background-image:url(images/navi.jpg);
}
#undernavi { height: 5px;
width: 730px;
float:left;
background-image:url(images/overnavi.jpg);
padding: 0px;
margin:0px;
}
a.butto
{
float: left;
height: 40px;
width: 100px;
background-repeat: no-repeat;
background-image: url(images/button.jpg);
}
#borderR { height: 1100px;
width: 15px;
float:left;
/*border:groove;*/
background-image:url(images/site2.jpg);
}