• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

css menue funktioniert nicht im Internetexplorer

teffi156

Neues Mitglied
Hallo ihr lieben :lol:,
hab ein kleines Problem mit nem css menue. In firefox und co. läuft es problemlos aber der Internetexplorer spielt leider nicht mit.
Code:
#Navi{
    width:960px;
    height:28px;
    margin-top:1px;
    margin-bottom:1px;
    background-color:#666;
    float:left;
    }

#menu {
    background: #666;
    float: left;
    list-style: none;
    margin: 0;
    padding-left:200px;
    width: 90%;
}

#menu li {
    float: left;
    font: 12px Verdana, Geneva, sans-serif;
    margin: 0;
    padding: 0;
}
#menu a{
    background: #666 url("../images/seperator.gif") bottom right no-repeat;
    color: #fff;
    display: block;
    float: left;
    margin: 0;
    padding: 8px 12px;
    text-decoration: none;
}
#menu a:link#aktuell,
#menu a:hover {
    background: #3399CC url("../images/hover2.gif") bottom center no-repeat;
    color: #fff;
    padding-bottom: 8px;
    }
HTML:
<div id="Navi">
<ul id="menu">
<li><a>Workshops &amp; Seminare</a></li>
<li><a>IT-Consulting</a></li>
<li><a>Virtualisierung</a></li>
<li><a>Viedioüberwachung</a></li>
<li><a>Zeiterfassung</a></li>
<li><a>Webdesign</a></li>
</ul>
</div>
Wenn mir einer helfen könnte währe das riesig!!!!!:P
Also dann schonmal vorab VIELEN VIELEN DANK!!!!!!!!!!!!!
 
hi,

Code:
#menu a:link#aktuell,
#menu a:hover {
    background: #3399CC url("../images/hover2.gif") bottom center no-repeat;
    color: #fff;
    padding-bottom: 8px;
da fehlt doch ein space oder? (link #aktuel) obwohl ich nicht glaub dass das das problem is.. naja versuchs mal.
Code:
#menu a:link #aktuell,
#menu a:hover {
    background: #3399CC url("../images/hover2.gif") bottom center no-repeat;
    color: #fff;
    padding-bottom: 8px;
    }
was verwendest du für eine doctype (verwendest du einen?)?

welche IE version hast du am start?

MfG Mario
 
Danke für die schnelle Antwort, aber leider liegt es nicht daran.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
benutze den Internet Explorer9 hab auf dem Rechner jetzt auch keinen älteren Internet Explorer zum Testen.
MfG
Steffi
 
so ich habs:

Code:
<html>
<head>
<style type="text/css">
   #menu {
    background: #666;
    float: left;
    list-style: none;
    margin: 0;
    padding-left:200px;
    width: 90%;
}

#menu li {
    float: left;
    font: 12px Verdana, Geneva, sans-serif;
    margin: 0;
    padding: 0;
}
#menu a{
    background: #666 url("../images/seperator.gif") bottom right no-repeat;
    color: #fff;
    display: block;
    float: left;
    margin: 0;
    padding: 8px 12px;
    text-decoration: none;
}
#menu a:link#aktuell,
#menu a:hover {
    background: #3399CC url("../images/hover2.gif") bottom center no-repeat;
    color: #fff;
    padding-bottom: 8px;
    }

</style>
</head>
<body>
<div id="Navi">
<ul id="menu">
<li><a href="xy.html">Workshops &amp; Seminare</a></li>
<li><a href="xy.html">IT-Consulting</a></li>
<li><a href="xy.html">Virtualisierung</a></li>
<li><a href="xy.html">Viedioüberwachung</a></li>
<li><a href="xy.html">Zeiterfassung</a></li>
<li><a href="xy.html">Webdesign</a></li>
</ul>
</div>
</body>
</html>

das problem war das kein href="" gegeben war.

Have a nice day Mario
 
Zurück
Oben