Navigation mit display

[smepal]

Hi smepal!

Ich brauche das ja auch bloß für den IE 7!
Dann musst du aber eine konkrete Problembeschreibung dazuliefern. Die Wenigsten haben die Zeit, deinen Quellcode abzukopieren und auszuprobieren. Zumal er nicht mal valide ist. Minimiere dein Problem auf einen wenige Zeilen großen Beispielcode und beschreibe die gewünschte Wirkung und was noch nicht klappt. Dann bekommst du sicher auch eine hilfreiche Antwort.

Und validiere deinen HTML-Code!

MfG H☼psel

Bitte schön:

Also es wird alles korrekt angezeigt, nur leider funktioniert beim IE das display: block beim ul#Navigation li:hover ul nicht!

Hier nochmal der relevante css code:

ul#Navigation {  
margin-left:-5px;  
}  
ul#Navigation li {  
background-color:#336699;  
border-color:#99CC33;  
border-style:solid;  
border-width:0 0 1px 15px;  
float:none;  
list-style-image:none;  
list-style-position:outside;  
list-style-type:none;  
margin-left:-35px;  
}  
ul#Navigation li ul {  
display:none;  
position:absolute;  
}  
ul#Navigation li:hover {  
border-color:orange;  
}  
ul#Navigation li:hover ul {  
background-color:#336699;  
border:2px solid white;  
display:block;  
position:absolute;  
width:100px;  
}  
ul#Navigation li ul li {  
display:block;  
float:none;  
font-family:freestyle script;  
list-style-type:none;  
}  
ul#Navigation li a {  
color:white;  
display:block;  
font-family:freestyle script;  
font-size:24px;  
padding:4px 2px 2px 15px;  
}  
ul#Navigation li a:hover {  
display:block;  
font-weight:bold;  
height:100%;  
padding:4px 2px 2px 15px;  
text-decoration:none;  
}  
ul#Navigation li ul li a {  
border:medium none;  
color:white;  
}  
ul#Navigation li h3 {  
border:medium none;  
}  
ul#Navigation li ul li {  
border:medium none;  
}  
ul#Navigation li ul li:hover {  
border-bottom:1px solid orange;  
}  
ul#Navigation li ul li a:hover {  
font-weight:bold;  
text-decoration:none;  
}  
* html ul#Navigation li {  
margin-left:0;  
}  
:first-child + html ul#Navigation li {  
}  
* html ul#Navigation li ul {  
}  
:first-child + html ul#Navigation ul {  
background-color:silver;  
padding-bottom:0.4em;  
}  
* html ul#Navigation a, * html ul#Navigation span {  
}  
ul#Navigation a {  
display:block;  
}

Und der dazugehörige HTML Code:

<UL ID='Navigation'>  
  
                        <LI>  
                          <A HREF="index.php?menu=Aktionen">Aktionen</A>  
                        </LI>  
                        <LI>  
                          <A HREF="viewpage.php?page_id=10&amp;menu=Wir">Wir</A>  
                          <UL>  
                            <LI>  
                              <A HREF=  
                              "viewpage.php?page_id=9&amp;menu=Wir&amp;sub=Leiterrunde">Leiterrunde</A>  
  
                            </LI>  
                            <LI>  
                              <A HREF=  
                              "viewpage.php?page_id=1&amp;menu=Wir&amp;sub=Vorstand">Vorstand</A>  
                            </LI>  
                            <LI>  
                              <A HREF="articles.php?menu=Wir&amp;sub=Chronik">Chronik</A>  
                            </LI>  
                            <LI>  
  
                              <A HREF=  
                              "viewpage.php?page_id=16&amp;menu=Wir&amp;sub=Presse">Presse</A>  
                            </LI>  
                          </UL>  
                        </LI>  
                        <LI>  
                          <A HREF="viewpage.php?page_id=8&amp;menu=Kaelbchen">Kaelbchen</A>  
                        </LI>  
                        <LI>  
  
                          <A HREF=  
                          "infusions/slooz_expose/index.php?menu=Bildergallerie">Bildergallerie</A>  
                        </LI>  
                        <LI>  
                          <A HREF="contact.php?menu=Kontakt">Kontakt</A>  
                          <UL>  
                            <LI>  
                              <A HREF="weblinks.php?menu=Kontakt&amp;sub=Links">Links</A>  
  
                            </LI>  
                            <LI>  
                              <A HREF="anfrage.php?menu=Kontakt&amp;sub=Verleih">Verleih</A>  
                            </LI>  
                          </UL>  
                        </LI>  
                        <LI>  
                          <A HREF=  
                          "infusions/guest_book/guest_book.php?menu=Gaestebuch">Gaestebuch</A>  
  
                        </LI>  
                        <LI STYLE='border: none;'>  
                          <H3>  
                            Intern  
                          </H3>  
                        </LI>  
                        <LI>  
                          <A HREF="forum/index.php?menu=Forum">Forum</A>  
                        </LI>  
  
                        <LI>  
                          <A HREF="viewpage.php?page_id=14&amp;menu=Materialdb">Materialdb</A>  
                        </LI>  
                        <LI>  
                          <A HREF="infusions/site_map/site_map.php?menu=SiteMap">SiteMap</A>  
                        </LI>  
                      </UL>