Frage stellen
ich habe ein problem mit der css navigation menu, es funktioniert nicht mit internet explorer 7 und ich habe keine ahnung wie ich es reparieren kann.
Kann mir bitte jemand helfen.
- Code: Alles auswählen
<!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>Navigation Menu</title>
<style type="text/css">
<!--
#navi, #navi ul {
list-style-type:none;
margin:auto; padding:0;
} /* Style-Reset */
#navi li {
width:150px;
float:left;
} /* Horizontale Anordnung */
#navi li ul {
display:none;
} /* Normalzustand eingeklappt */
#navi li:hover ul {
display:block;
} /* Ausgeklappt */
#navcontainer {
height:16px;
position:relative;
}
#navi {
width: 900px;
margin: 0;
height: 35px;
}
#navi li {
border:0px solid #000;
margin:0;
line-height: 34px;
}
#navi ul li {
border:0px; margin:0;
}
#navi a {
font-family:Tahoma,Verdana,Serif;
font-size:15px;
text-align:center;
display:block;
padding:bottom;
}
#navi a:link, #navi a:visited {
color:#333333;
background:#CCCCCC;
text-decoration:none;
}
#navi a:active, #navi a:hover {
color:#800080;
background:#E6E6E6;
text-decoration:none;
}
-->
</style>
</head>
<body><div id="navi-back">
<div id="navi"><li><a href="http://www.immobilien-mh.com">1</a></li>
<li><a href="#">2</a>
<ul>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">6</a></li>
<li><a href="#">7</a></li>
<li><a href="#">8</a></li>
</ul>
<li><a href="#">9</a></li>
<li><a href="#">10</a>
<li><a href="#">11</a>
<li><a href="#">12</a>
<ul>
<li><a href="#">13</a></li>
<li><a href="#">14</a></li>
</ul>
</li></div>
</body>
</html>