Hallo
Ich habe ein HMENU mit verschiedenen Ebenen erstellt, das in einem DIV-Bereich auf der linken Seite dargestellt wird (float:left). Obwohl ich die Breite des DIV-Bereichs genau gleich eingestellt habe, wie die des Hintergrunds, werden die Menueinträge im Internet Explorer nicht korrekt dargestellt. Die Hintergrundfarbe der Untermenus deckt nicht den ganzen Bereich ab. Rechts bleiben zwischen Menu und Contentbereich immer etwa 2px frei. Im Firefox und im Netscape 6.2 sieht es richtig aus.
Wie kann ich den IE überlisten?
Bild des falsch dargestellten Menus: http://www.wysiweb.ch/layouttests/images/menu.gif
Im Typoscript werden die Menuebenen so gewrappt:
<div class="LEFTNAV1-NO"> | </div>
Auszug aus dem CSS:
#MAIN {
clear:both;
width:100%;
height:350px;
background-color:#0099FF;
}
#LEFTNAV {
float:left;
width:12em;
margin:0;
padding:0;
}
#LEFTNAV div a {
color:#000000;
text-decoration:none;
font-weight:bold;
}
#LEFTNAV div a:hover {
color:#CCCCCC;
text-decoration:none;
font-weight:bold;
}
#LEFTNAV div.LEFTNAV1-NO {
font-size:1em;
font-weight:bold;
padding-top:10px;
padding-right:10px;
padding-bottom:5px;
padding-left:10px;
}
#LEFTNAV div.LEFTNAV1-ACT {
background-color:#99CCFF;
font-size:1em;
font-weight:bold;
padding-top:10px;
padding-right:10px;
padding-bottom:5px;
padding-left:10px;
}
#LEFTNAV div.LEFTNAV2-NO {
background-color:#99CCFF;
font-size:0.8em;
padding-top:10px;
padding-right:10px;
padding-bottom:5px;
padding-left:20px;
}
#LEFTNAV div.LEFTNAV2-ACT {
background-color:#99CCFF;
font-size:0.8em;
font-weight:bold;
padding-top:10px;
padding-right:10px;
padding-bottom:5px;
padding-left:20px;
}
#CONTENT {
margin:0 10em 0 12em;
background-color:#FFFFFF;
padding:1em;
height:350px;
}
Danke für die Hilfe