Firefox "flackern" bei CSS Menü

homar76 · #1 (**permalink**) 10.04.2005, 17:56

Ich habe 2 Container "nav" & "content", die nebeneinander stehen.
Im div-content habe ich irgendeinen Inhalt (zB ein Bild), im div-nav habe ich ein Menü mit Submenüs, die nur dann sichtbar sind, wenn ich das menü anklicke (gelöst mit display:none).

Code:

     <dl id="menu">
      <dt>menu1</dt>
      <dd id="submenu_1">
       menu1_1
       menu1_2
      </dd>
      <dt>menu2</dt>
      <dd id="submenu_2">
       menu2_1
      </dd>
     </dl>

wobei die javascript funktion showSub einfach die display eigenschaft verändert:

Code:

      function showSub(id) {
       var d = document.getElementById(id);
      	for (var i = 1; i<=100; i++) {
      	 d2 = document.getElementById('submenu_'+i);
      	 if (d2 && id != 'submenu_'+i) {
      		  document.getElementById('submenu_'+i).style.display='none';
        }		
      	}
       if (d) {d.style.display='block';}
      }

Das ganze funktioniert wunderbar, aber leider nur im IE (6.0) ohne Probleme, im Firefox wird der div-content container kurzzeitig über den div-nav geschoben, was zum "flackern" führt.

In Action sieht das so aus (zwischen Link menu1 & menu2 öfter klicken..):
http://markus.comball.de/test2/

Gibts eine Möglichkeit dieses Verschieben/Flackern zu verhindern?

danke!

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
FAQ -- Häufig gestellte Fragen und häufig gegebene Antworten	mazzo	CSS	10	05.04.2012 17:32
CSS Menü verschwindet hinter Hauptfenster	soldina	CSS	10	31.05.2010 15:32
CSS Menü	MadBall	CSS	3	21.03.2010 03:04
Drop down Menü bleibt aktiv nach zurück mit back button vom Firefox	gombi	CSS	0	18.01.2010 15:34
CSS Menü zickt rum /IE6/IE7/FF	GizmotroniX	CSS	3	11.07.2007 08:14