johannes293: Dropdown im IE 6 ohne JS

Beitrag lesen

SELF-Forum

Dropdown im IE 6 ohne JS

johannes293
– Informationen zu den Bewertungsregeln

Wenn noch irgendwer eine Lösung ohne Js hat, die im IE funktioniert, wäre ich dankbar.

Ja, Dropdown im IE 6 ohne JS geht:
http://www.cssplay.co.uk/menus/elegant1.html
Irgendwie verwendet der conditional comments, um das ganze fuer den IE in eine Tabelle zu verwandelt, auf der der IE<7 scheinbar hover anwendet.
Da stellt sich die Frage: Warum wendet der IE bei tabellen hover an, nicht aber bei ungeordneten Listen - gibts dafuer eine Erklaerung?
(weise darauf hin, dass der Autor die Nutzungsbedinungen fuer diesen Code einschraenkt, naehres auf der verlinkten Seite.)
Html:

<ul id="menu">  
 <li><a class="current" href="#url">Home</a></li>  
 <li><a href="#url">About Us<!--[if gte IE 7]><!--></a><!--<![endif]-->  
 <!--[if lte IE 6]><table><tr><td><![endif]-->  
  
  <ul>  
   <li><a href="#url">Who we are</a></li>  
   <li><a href="#url">What we do</a></li>  
   <li><a href="#url">Where to find us</a></li>  
  </ul>  
 <!--[if lte IE 6]></td></tr></table></a><![endif]-->  
 </li>  
  
</ul>

</div>[/code]
Css: (fuer die tables)
#menu table {border-collapse:collapse; height:0; width:0; margin:0 -4px -1px 0;}

Diese interessante Methode weiter zu erforschen steht seit langem auf meiner to-do-liste...
Auch wenn die Variante den Code verschandelt (aber valid ist), ist sie meiner Meinung nach besser als de-facto-Vorraussetzen von Javascript

g johannes

Beitrag melden
–
Informationen zu den Bewertungsregeln