Frage stellen
ich hab ein problem und zwar hab ich ein normales drop down menü gemacht mit listen ...
leider funktioniert das im internet explorer nicht .. wie kann ich das beheben
hier mein code:
- Code: Alles auswählen
<div style="width:966px;" class="menu">
<ul>
<li><a href="?home" target="_self" >Home</a>
</li>
<li><a href="?immobilien" target="_self" >Immobilien</a>
<ul>
<li><a href="?immobilien" target="_self">Immobilien</a></li>
<li><a href="?verkaufimmobilien" target="_self">Verkauf von Wohnimmobilien</a></li>
<li><a href="?mietenwohnungen" target="_self">Vermietung von Wohnungen</a></li>
<li><a href="?mietenhaeuser" target="_self">Vermietung von Häusern</a></li>
<li><a href="?verkaufgewerbeimmobilien" target="_self">Verkauf von Gewerbeimmobilien</a></li>
<li><a href="?verpachtunggewerbeimmobilien" target="_self">Verpachtung von Gewerbeimmobilien</a></li>
<li><a href="?vermietunggewerbeimmobilien" target="_self">Vermietung von Gewerbeimmobilien</a></li>
<li><a href="?vermietungladenflaeche" target="_self">Vermietung von Ladenflächen</a></li>
<li><a href="?vermietunggastronomie" target="_self">Vermietung von Gastronomieflächen</a></li>
</ul>
</ul>
und hier die css datei:
- Code: Alles auswählen
.menu{
border:none;
border:0px;
margin:0px;
padding:0px;
font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}
.menu ul{
background:#333333;
height:35px;
list-style:none;
margin:0;
padding:0;
}
.menu li{
float:left;
padding:0px;
}
.menu li a{
background:#333333 url('img/menu/images/seperator.gif') no-repeat bottom right;
color:#cccccc;
display:block;
font-weight:normal;
line-height:35px;
margin:0px;
text-align:center;
text-decoration:none; padding-left:25px; padding-right:25px; padding-top:0px; padding-bottom:0px
}
.menu li a:hover, .menu ul li:hover a{
background: #00aaff url('img/menu/images/hover.gif') no-repeat bottom center;
color:#FFFFFF;
text-decoration:none
}
.menu li ul{
background:#333333;
display:none;
height:auto;
padding:0px;
margin:0px;
border:0px;
position:absolute;
width:290px;
z-index:200;
/*top:1em;
/*left:0;*/
}
.menu li:hover ul{
display:block;
}
.menu li li {
background:url('img/menu/images/sub_sep.gif') bottom left no-repeat;
display:block;
float:none;
margin:0px;
padding:0px;
width:290px;
}
.menu li:hover li a{
background:none;
}
.menu li ul a{
display:block;
height:35px;
font-size:12px;
font-style:normal;
margin:0px;
padding:0px 10px 0px 15px;
text-align:left;
}
.menu li ul a:hover, .menu li ul li:hover a{
background:#00aaff url('img/menu/images/hover_sub.gif') no-repeat center left;
border:0px none;
color:#ffffff;
text-decoration:none
}
.menu p{
clear:left;
}
wie kann ich das problem beheben? es soll ja so einen internet explorer fix geben aber irgendwie check ich das nicht ...
