✔ Div überlagert Div?

[dennisnrw]

Hallo zusammen.

Ich habe mich soeben ein wenig an HTML und CSS versucht. Doch schon bei einer einfachen Sache bleibe ich hängen: Ich habe zwei DIV Blöcke. Auf dem einen befindet sich eine Navigation die mit Javascript und CSS realisiert wurde. Auf dem zweiten, darunterliegenden DIV Block befindet sich ein Flash-Film.
Nun scheint, sobald sich die Navigation öffnet, diese hinter dem Flash Film zu sein.
Ich habe schon die wmode=opaque Methode benutzt - Kein Erfolg.
Auch mit dem Z-Index habe ich herumgespielt - Ohne Erfolg.

Kann mir jemand vielleicht helfen?

Des weiteren bekomme ich einen seltsamen Darstellungsfehler mit dem Internet Explorer 7. Dort wird zwischen dem "TopBanner" und der Navigation ein leeres Feld angezeigt.


Seite: http://tinyurl.com/bqzbxa

Kann mir da vielleicht jemand helfen? War mir übrigens nicht sicher ob dies nun ins CSS oder HTML Forum soll - Sorry wenn es hier falsch ist.

Gruß,
Dennis

 

[Maik]

Ich habe schon die wmode=opaque Methode benutzt - Kein Erfolg.
Auch mit dem Z-Index habe ich herumgespielt - Ohne Erfolg.

Und beides führt bei mir zum Erfolg.

#navi {
        position: relative;
        background: url("images/navi.png");
        height: 25px;
        z-index:1000;
}

mfg Maik

 

[dennisnrw]

Hab es eben probiert.

Im IE7 zeigt er das DHTML Menü nun richtig an. Jedoch ist es im Firefox immer noch falsch.
Jemand eine Ahnung woran das liegen kann?

 

[Maik]

Dann leer mal den Browsercache



mfg Maik

 

[dennisnrw]

Entweder spinn ich oder mein Browser hat ein Rad ab

Edit: In meiner virtuellen Maschine spinnt er auch. Unter XP Sp3 mit FF3.
Ich weiß nicht mehr weiter

 

[Maik]

Das erforderliche Attribut wmode="opaque" fehlt bei dir im <embed>-Tag.

mfg Maik

 

[dennisnrw]

Scheinbar echt schon zu spät für mich
Tausend Dank Maik =)

 

[Maik]

Zeit für eine Zugabe

#navi {
        position: relative;
        background: url(images/navi.png);
        height: 25px;
        z-index:1000;
        text-align:left;
}

... dann klappt's im IE auch mit der inksbündigen Ausrichtung des Menüs

mfg Maik

 

[dennisnrw]

Super, das klappt =) Danke dir!

Du hast nicht zufällig noch eine Lösung für die Leerzeile die man im IE angezeigt bekommt? (Zwischen "TopBanner" und "navi")

 

[Maik]

Aber sicher hab ich da eine Lösung

#topBanner img {
        display: block;
}

mfg Maik