Trotz z-index Navi-Problem

[heiko]

Hallo,

endlich habe ich im neuen Anlauf geschafft Typolight verstehen zu lernen. Nun kommen aber die kleineren Wehwehchen. Die Navi (3 Level) funktioniert in FF. Mittel einer IE-Fix habe ich die Navi erstmal dahin bekommen wo sie hin soll.

Nur, ... Level 2 wird im IE vom Container überdeckt.

Nach lesen einiger Beiträge zum Problem. Habe ich nun in meiner default.css der #header einen hohen z-index zugewiesen und der Navi in der IE-Fix ebenfalls. Es hilft nicht.

http://vietnam-kompakt.de/

heiko

[heiko]

Kann mir jemand "den" Tip geben?

[JeKi]

Hallo Heiko
IE7 beginnt bei jeder relativ positionierten Box einen neuen z-index, somit kann man das Problem in der Regel lösen, wenn man die entsprechenden Boxen auf position:static setzt.
Oder kannst du noch kurz sagen, in welchen IE-Versionen das Dropdown nicht korrekt läuft?
Gruss, Jens

Nachtrag:
Hab deine Site jetzt im IE7 angeschaut, dort tritt das Problem ja auf. Also im typolight.css ist die Klasse .inside mit position: relative definiert. Das musst du überschreiben in deinem css-File: .inside position:static.

[heiko]

Hallo JeKi,

ja, das war die Lösung. Prima und vielen Dank. Ich notiere mir schon nebenbei die nächsten hundert Fragen.

heiko

[heiko]

Hallo. Jetzt habe ich wieder im IE7 das Problem. Die Klasse inside ist auf position: static. z-index -Vergabe nützt nix. Die Spalten left, main, right sind ausgehend von der Mitte absolut positioniert.

heiko

[css-umsetzung]

HI...
ich schau im Moment, spielst du daran etwa gerade dran rum ?

dein erstes Problem ist vermutlich das .block { overflow:hidden; } das ist hier nicht angebracht, also deaktiviere das am besten, zum testen global, später kann man das dann für diesen Bereich machen wenn du das hidden in anderen Bereichen brauchst.

.block
{ overflow:visible;
}

dann muss man wegen der Abstände der zweiten ebene schauen, das wird wohl alles nicht wirklich passen.

[heiko]

Hallo Byteandi,

das wars. Vielen Dank. Um den Rest im IE7 kümmere ich mich morgen.

heiko