Nav Hover >> Internet Explorer

Link?

Gruß Whoppy

Also der aktuelle IE8 zeigt es richtig an. Ansonsten weiß ich leider auch nicht weiter, die Angaben des z-index scheinen zu stimmen.

Gruß Whoppy

also das bild im sidebar textwidget hat keine width und height angaben;

<img src="[URL]http://menori-design.com/web/wp-content/uploads/2009/07/musterbild.jpg[/URL]" width="" height="">

und wenn du genau hinguckst, zeigt der IE7 das bild als einen einzigen punkt auf dem schirm.

Hi,

Zitat von Whoppy

die Angaben des z-index scheinen zu stimmen.

sorry, wenn ich widerspreche aber das tun sie ganz und gar nicht. ;-)

z-index wirkt nur auf Elemente die ungleich position:static (Default-Einstellung!) sind.
In dem Link wird z-index an Elemente vergeben die position:static sind.

Hab jetzt leider zuwenig Zeit mir das anzuschauen, aber vielleicht helfen ein paar Tips:
Im normalen Textfluss ordnen sich die Elemente untereinander an.
In der natürlichen Stapelreihenfolge befindet sich das zuletzt notierte Element im Quelltext am nächsten zum Betrachter (Z-Achse).
Diese Reihenfolge kann man durch Vergabe von position:relative beeinflussen.
Meistens reicht das. Wenn nicht kommt noch z-index hinzu.

Mit z-index kann die Reihenfolge von überlappenden Elementen auf der z-Achse bestimmt werden.
Je höher der z-index-Wert, desto näher wird das Element zum Betrachter hin angeordnet.

Durch float wird die Stapelungsreihenfolge ebenfalls geändert, da gefloatete Elemente auch aus dem Textfluß raus sind.

Du vergibt z.B. fast überall den gleichen z-index-Wert.
Dein Content hat position:relative;
Nimm das doch mal raus und schau ob das reicht.

Ansonsten wäre noch anzumerken das der IE6/7 jedem positionierten Element wo HasLayout=true gilt fälschlicherweise einen Art Stapelkontext zuordnet, so als wäre z-index:0 gesetzt.

Gruß
Klaus

Hi,

nein, das reicht natürlich nicht.

Seufz:

Zitat von koslowski

Dein Content hat position:relative;
Nimm das doch mal raus und schau ob das reicht.

Zeile 132-136 deiner style.css:

#header,#content, #footer {
        float: left; display: inline;
        clear: both;
        position: relative;
    }

Dort nimmst du #content raus sodaß es dann so ausschaut:

#header, #footer {
        float: left; display: inline;
        clear: both;
        position: relative;
    }

Dann klappt die Subliste im IE6 und im IE7 wie gewünscht über dem Content aus. ;)

Der Grund warum sie im IE6/7 hinter dem Content ausgeklappt ist habe ich auch schon gepostet:

Zitat von koslowski

Ansonsten wäre noch anzumerken das der IE6/7 jedem positionierten Element wo HasLayout=true gilt fälschlicherweise einen Art Stapelkontext zuordnet, so als wäre z-index:0 gesetzt.

Klasse wenn man sich selbst recyceln kann. :mrgreen:

Gruß
Klaus

Hi,

Zitat von vangogo

ich hab leider nicht so den plan von programmierung…

macht nix, ich hab auch mal angefangen. :)