✔ Padding Problem in CSS Menü nur im IE

[akdesign]

Cache hab ich geleert.

Jetzt geht aber grad gar nix mehr.

Du hattest recht, das Menü geht jetzt soweit.

Sobald ich's aber in meine Web einbinde, gleiches Problem: Untermenü blendet sich direkt aus.

Zudem funktioniert die float:left Funktion jetzt am Mac plötzlich nicht mehr und das Untermenü steht untereinander.

?

 

[Maik]

Vielleicht muß in der kompletten Seite für #menu eine Schichtposition deklariert werden:

div#menu {
position:relative;
z-index:1000;
}

Zum Problem mit dem Mac-Rechner kann ich als Windows-User nix sagen.

mfg Maik

 

[akdesign]

Nein, geht auch nicht.

Na ja, ich muss wohl nochmal von vorne anfangen.

Denn - wie Du schon bemerkt hast - das Original funktionier in allen Browsern und Systemen ohne Probleme.

Na ja, mach mich nächste Woche nochmal ran.


Danke Dir aber für Deine Hilfe bis hierhin.

 

[Maik]

Bitte, bitte - gern geschehen

mfg Maik

 

[akdesign]

Hey Maik,

hab jetzt eine nicht ganz elegante, aber effektive Lösung gefunden.

Ein wahrer Programmierer kriegt jetzt wahrscheinlich grad nen Herzkasper.

Hab statt padding ne Border drüber gelegt mit Transparenz, so dass die Mouse im IE denkt, da wär noch was.

Wie gesagt, nicht elegant, aber zumindestens ne Lösung für den IE und in allen Systemen brauchbar.

Ich werde aber dennoch die nächste Zeit mal am eigentlichen Problem weiterarbeiten.


Grüße
Andrea

 

[Maik]

Vielleicht muß in der kompletten Seite für #menu eine Schichtposition deklariert werden:

div#menu {
position:relative;
z-index:1000;
}

Nein, geht auch nicht.

Befindet sich dieser Block vielleicht in einem weiteren Block?

Dann muß dieser entsprechend formatiert werden - grundsätzlich halt das "oberste" Elternelement.

mfg Maik

 

[akdesign]

Nein, die div#menu ist schon das oberste element

 

[Maik]

Steht das Ganze irgendwo online zur Verfügung, um es mal begutachten zu können?

mfg Maik

 

[akdesign]

OK, hab alles mal hochgeladen.

Hier das Menü nicht eingebunden, wo es funktioniert:

http://kessler-creativdesign.de/menu/menu.html

Und hier dann in meine Web eingebunden, wo's dann nicht mehr funktioniert:

http://kessler-creativdesign.de/menu/lacanche.html

 

[Maik]

Du deklarierst da unterschiedliche Doctypes für die HTML-Dokumente, mit denen die Browser auch in zwei unterschiedlichen Darstellungsmodi laufen, in deiner Website im ungünstigen "Quirksmodus".

Der »DOCTYPE-Switch« und seine Auswirkungen

mfg Maik