✔ Klappmenü mit CSS bei IE

[SimonErich]

Hallo ich wollte mal eine Rollover Ausklapp Navigation nur mit CSS basteln.
Der Teil für alle Browser ausser dem IE funktioniert wunderbar.
Nur der IE macht mir schwierigkeiten.

Ich dachte mir, da der IE keine hovers bei div und anderen Tags kennt bind ich den einfach auch in ein a:hover Tag ein.
Aber es funktioniert nicht

a.link_table
  {
	border:1px solid #333333;
    background-color:#E7E7E7;
	display:block;
	width:120px;
	height:19px;
	overflow:hidden;
	position:relative;
  }
    
a:hover.link_table
  {
	text-align:left;
	height:auto;
	background-color:#FF6699;
	overflow:visible;
	position:relative;
    display: block;
  }

Mein CSS Teil

	  <a href="#" class="link_table">
		<div>
		  <ul>
		    <li id="cat_link">News</li>
		    <li id="sub_link"><a href="?page=news/insert">News eintragen</a></li>
		  </ul>
		</div>
	   </a>

Und so binde ich es ins HTML ein.

Wieso funktioniert es nicht ?

Gruß SimonErich

 

[Maik]

Vielleicht hilft dir Stu Nicholls' CSS-Dropdown-Menü http://www.cssplay.co.uk/menus/dropdown.html weiter?

Anmerkung: die Pseudoklassen werden in deinem Fall hinter dem Klassennamen notiert.

a.link_table:link { }
     
a.link_table:hover { }

 

[SimonErich]

Hi vielen danke
Achso so hatte ich es eh schon mal
Dachte nur bei der IE Version wäre es irgendwie möglich mit einer Liste zu arbeiten !
Naja egal Danke

Gruß SimonErich

 

[Maik]

Um eine 'dynamische' Listennavigation im IE zum Laufen zu bringen, wäre Javascript erforderlich.

Lösungsbeispiele findest du hier:

1. http://de.selfhtml.org/css/layouts/anzeige/nav_javascript.htm
   
   
2. http://www.htmldog.com/articles/suckerfish/example/

Ansonsten kannst du aber auch mit Stu Nicholls' CSS-Dropdown-Menüs arbeiten, die ohne Javascript auskommen, und dennoch im IE funktionieren.