Hallo zusammen,
der IE6 wird zwar hoffentlich bald von der Bildfläche verschwinden, dennoch muss ich eine Seite, die ein Dropdownmenü verwendet, auch noch dort sichtbar machen.
Da ich zwischenzeitlich alle möglichen Seiten nach entsprechender Hilfe durchforstet habe, wende ich mich jetzt doch noch direkt an euch und hoffe auf Hilfe.
Derzeit sieht mein CSS wie folgt aus: (ggf. kann auf das ein oder andere verzichtet werden...)
Code:
/*********** Header Navigation ***********/
#mainnav{padding-top:134px;padding-left:65px;font-size:12px;line-height:1;}
#mainnav ul,#mainnav li{margin:0;padding:0;list-style-type:none;z-index:120;background-color:#ffffff;}
#mainnav li{float:left;}
#mainnav a{display:block;padding:8px 20px 9px 35px;font-weight:bold;color:#000000;background-image:url("http://www.wirtschaftsberatung-fath.de/wb/tl_files/wbf/images/menupunkt.gif");background-repeat:no-repeat;background-position:0px 7px;text-decoration:none;margin-right:12px;}
#mainnav a:hover, #mainnav p.active{text-decoration:none;color:#77263c;font-weight:bold;padding:8px 20px 9px 35px;background-image:url("http://www.wirtschaftsberatung-fath.de/wb/tl_files/wbf/images/menupunktaktiv.gif");background-repeat:no-repeat;background-position:0px 6px;}
#mainnav a.trail{text-decoration:none;color:#77263c;font-weight:bold;padding:8px 20px 9px 35px;background-image:url("http://www.wirtschaftsberatung-fath.de/wb/tl_files/wbf/images/menupunktaktiv.gif");background-repeat:no-repeat;background-position:0px 6px;}
#mainnav span{display:block;margin:0px;padding:8px 18px 9px 17px;color:#000000;}
#mainnav .level_1 ul{width:185px;left:-999em;position:absolute;}
#mainnav .level_2 li{float:none;}
#mainnav .level_2 a:hover{background-image:url("http://www.wirtschaftsberatung-fath.de/wb/tl_files/wbf/images/menupunktaktiv.gif");background-repeat:no-repeat;background-position:0px 7px;padding:8px 20px 9px 35px;}
#mainnav li:hover .level_2{left:auto;z-index:120;background-color:#ffffff;}
.subnav ul{margin:0;}
.subnav li{padding-left:0;list-style-type:none;}
.subnav p{display:inline;margin-bottom:0;}
.subnav a.trail{text-decoration:none;color:#77263c;font-weight:bold;padding:8px 20px 9px 35px;background-image:url("http://www.wirtschaftsberatung-fath.de/wb/tl_files/wbf/images/menupunktaktiv.gif");background-repeat:no-repeat;background-position:0px 7px;}
.subnav .level_2{margin-left:18px;}
/**** fuer IE 7 ******/
.headernav ul li:hover ul, .headernav ul li.sfhover ul{display:block;}
.headernav ul li:hover ul ul, .headernav ul li.sfhover ul ul {display:none;}
.headernav ul ul li:hover ul, .headernav ul ul li.sfhover ul {display:block;}
#mainnav li:hover ul, #headernav li.sfhover ul {left: auto;}
Durch die Hilfestellungen dachte ich eigentlich, dass der Teil für IE7 bereits für IE6 funktioniert... leider tut er das nicht. Für IE7 ergibt er allerdings eine etwas bessere Darstellung als zuvor.
Wisst ihr was ich machen kann?