Manuel13: CSS-Menü / Probleme IE 6&7

Beitrag lesen

SELF-Forum

CSS-Menü / Probleme IE 6&7

Manuel13
– Informationen zu den Bewertungsregeln

Hallo zusammen,

ich habe mir ein kleines CSS-Menü geschrieben, das funktioniert auch so weit ganz gut.
Mein Problem ist, dass die komplette Seite zentriert sein muss und sobald ich die Seite zentriere werden im IE 6&7 die Untermenüpunkte nach rechts verschoben. Im Firefox/Safari/Opera wird nichts verschoben....

Es würde mich freuen, wenn mir hier jemand helfen könnte, da ich einfach nicht mehr weiter weiß.

Anbei der verkürzte Code, der den Fehler im IE zeigt. Die Untermenüpunkte werden später noch ausgeblendet und über einen :hover wieder eingeblendet, bzw im IE per JS eingeblendet.

Vielen Dank im Voraus

  
<style type="text/css">  
#seite {  
 position:absolute;  
 width:950px;  
 height:600px;  
 border:1px solid black;  
 margin-left:-475px;  
 left:50%  
}  
ul,li {  
 list-style:none;  
 margin:0;  
 padding:0;  
}  
  
#navi {  
 width:950px;  
 height:19px;  
 text-align:center;  
 background-color:#cccccc;  
}  
#menue a {  
 text-align:center;  
 display: block;  
 width: 120px;  
 height:19px;  
}  
#menue li {  
 border:1px solid #cc9999;  
 float: left;  
 padding: 0;  
 width: 120px;  
 height:19px;  
 line-height:17px;  
}  
#navi li ul {  
 position: absolute;  
 width: 120px;  
 /*left:-999em;*/  
}  
</style>  
<html>  
<body>  
<div id="seite">  
 <div id="navi">  
  <ul id="menue">  
   <li><a href="">Hauptpunkt1</a><ul>  
    <li><a href="">Unterpunkt1</a></li>  
    <li><a href="">Unterpunkt2</a></li>  
    <li><a href="">Unterpunkt3</a></li>  
    <li><a href="">Unterpunkt4</a></li>  
    <li><a href="">Unterpunkt5</a></li>  
   </ul></li>  
   <li><a href="">Hauptpunkt2</a><ul>  
    <li><a href="">Unterpunkt1</a></li>  
    <li><a href="">Unterpunkt2</a></li>  
    <li><a href="">Unterpunkt3</a></li>  
   </ul></li>  
   <li><a href="">Hauptpunkt3</a><ul>  
    <li><a href="">Unterpunkt1</a></li>  
    <li><a href="">Unterpunkt2</a></li>  
    <li><a href="">Unterpunkt3</a></li>  
    <li><a href="">Unterpunkt4</a></li>  
    <li><a href="">Unterpunkt5</a></li>  
   </ul></li>  
  </ul>  
 </div>  
</div>  
</body>  
</html>
Beitrag melden
–
Informationen zu den Bewertungsregeln