Seltsames IFrame-Verhalten im FF bei Mouseover

[Marc]

Hallo erstmal,

ich hoffe ich bin hier richtig. Denn ich habe ein CSS-basiertes Layout (Template für das CMS Mambo), das unter Firefox (WIN 1.0.4., aber wohl alle Versionen) in Verbindung mit einem IFrame ein seltsames Verhalten an den Tag legt. Ich habe schon viele Templates gemacht, jedoch ist dieses Problem meines Wissens nie aufgetaucht. Link zum Beispiel:

http://contest.madeyourweb.com/index.php?option=com_wrapper&Itemid=8

Wenn nun mit dem FF über das Menü fährt, flackert der Inhalt. Das heißt der verschiebt sich immer kurz unter das Menü. Es ist auch nur der IFrame-Inhalt der da rumtanzt.

Was ich bisher versucht habe:

• Tabelle um den IFrame mit fester Breite (keine Wirkung)
• Hovers ausgemacht im Menü (keine Wirkung)
• mit z-index rumgespielt (keine Wirkung)
• overflow: hidden im body Tag (keine Wirkung)

Ihr seht, ich bin verzweifelt :-/

Vielen Dank im Voraus für Lösungsvorschläge!

Gruß Marc

PS: Bitte nicht den Code an sich bemängeln, der wird so von Mambo kreiert, ist jedoch valide. Aber vielleicht habe ich nen Doppler oder ähnliches übersehen.

[Marc Reichelt]

Hallo Marc,

ich hoffe ich bin hier richtig. Denn ich habe ein CSS-basiertes Layout (Template für das CMS Mambo), das unter Firefox (WIN 1.0.4., aber wohl alle Versionen) in Verbindung mit einem IFrame ein seltsames Verhalten an den Tag legt. Ich habe schon viele Templates gemacht, jedoch ist dieses Problem meines Wissens nie aufgetaucht. Link zum Beispiel:

http://contest.madeyourweb.com/index.php?option=com_wrapper&Itemid=8

Wenn nun mit dem FF über das Menü fährt, flackert der Inhalt. Das heißt der verschiebt sich immer kurz unter das Menü. Es ist auch nur der IFrame-Inhalt der da rumtanzt.

Hmm. Ich weiß nicht, ob es daran liegt - aber wieso hast du denn in den entsprechenden Klassen zwei Mal hintereinander die "width"-Eigenschaft definiert, mit unterschiedlichen Maßen? (gilt auch für "hover"!)

Beispiel:

/* Main Menu(s) */  
  
a.mainlevel {  
font-size: 10px;  
padding-left: 4px;  
width: 143px;  
display: block;  
line-height: 26px;  
margin-bottom: 2px;  
text-decoration: none;  
font-weight: normal;  
voice-family:"\"}\""; /* Box Model fix */  
voice-family:inherit;  
width: 139px;  
}

Grüße

Marc Reichelt || http://www.marcreichelt.de/

[Ingo Turski]

Hi,

aber wieso hast du denn in den entsprechenden Klassen zwei Mal hintereinander die "width"-Eigenschaft definiert, mit unterschiedlichen Maßen?

Du kennst den Tantek-Hack nicht?

freundliche Grüße
Ingo

[Marc]

Du kennst den Tantek-Hack nicht?

...wundert mich auch gerade ;-)

Aber daran liegt es nicht, das Phänomen ist auch ohne zu beobachten. Ich verstehe es echt nicht mehr...

Was anderes: Funktioniert die Mail-Benachrichtigung nicht hier?

Gruß Marc

[Marc Reichelt]

Hallo Ingo,

Du kennst den Tantek-Hack nicht?

Doch. Ab jetzt! :-)

Grüße

Marc Reichelt || http://www.marcreichelt.de/