IE: z-index mit den div-containern..

[7emper5i]

Hallo zusammen,

ich benötige einen Kniff, wie ich mein Dropddownmenu, welches ich unter den Header gesetzt habe VOR den Content aus dem page_body bereich setzen kann.


Ich weiss, dass es was mit den div-containern und mit dem z-index zu tun hat. Und dass es das Problem schon seit Mitte 2006 gibt.
Mein Problem ist nur, dass ich kei Programmierer bin, sondern nur.. Copy & Paste und logisch erkennen kann, was zusammen gehören könnte.

[ externes Bild ]


Ebenfalls verschwindet das Dropdownmenu, wenn ich in den Bereich gelange, wo das Forum beginnt.


Der Link zum Board heisst:

http://www.gsx-r1000.net/TestboardPro/

Gastzugang gibts gerne per PM


Für einen Workaround wäre ich sehr dankbar.

[Talk19zehn]

Hallo 7emper5i,

tja, das ist nicht so einfach. Wobei ich mir Deine CSS-Variation nicht angeschaut hab. Generell gesagt, sollten bei einem horizontalen DropDownMenü ältere Browser Beachtung finden: Hovereffekt bspw. bei Verwendung des IE6. Zwar wurde das Hovern mittels JS ermöglicht, es ist jedoch für wichtige Inhalte von größter Bedeutung. Wenn dennoch JS deaktiviert wäre, könnten wesentliche Informationen gar nicht erreicht werden(?). Der Anteil älterer Browser ist zwar gering, jedoch noch immer vorhanden. In Folge hat das für mich die Konsequenz, dass ich ein Impressum nicht ausschließlich in der Form verlinken würde, wie ich es in Deiner Navigation vorfinde.

OK, Du hast den Link glücklicherweise noch im Footer.....

Anregungen findest Du u. a. auf folgender Seite unter:

Dynamische CSS-Navigation für moderne Browser

http://de.selfhtml.org/css/layouts/navi ... eisten.htm

Die Erläuterungen sind selbsterklärend, wie ich persönlich meine.


Eine Suche nach " csshover3-source.htc " oder " Suckerfish-Dropdown-Menue " kann ebenso hilfreich sein.




Grüße

[7emper5i]

Natürlich hab ich das Impressum noch mal (safetyfirst) im Footer ^^

Danke für den SELFhtml-Hinweis.

Aber steht da irgendwo, wie ich es damit hinbekomme, die div-container des page-body permanent zu überlagern?

[Talk19zehn]

Hallo 7emper5i,

die Fehlersuche ist sicherlich schwierig. Die Fehlerquote ist mannigfaltig und kann zudem von einzelnen Styleangaben abhängig sein. Mitunter reicht es nämlich schon, dass ein Div nicht geschlossen ist oder das Dropdown-Menü mit einer #id oder .Klasse kombiniert (verschachtelt) wird, die das Dropdown-Menü in der Funktion (zer)stört. Ggf. ist das bei dir der Fall? Ggf. reicht es sogar bereits, dass du deinem Menü nach unten hin Platz einräumst und/oder den Linkhovereffekt auf eine geringere Anzahl von Links begrenzt oder gar deine gewünschten Bereiche geringfügig anders aufteilst?

Ich kann dir nicht sagen, wo in dem von dir verwendeten Konstrukt der Fehler liegt oder gelegen hat und der Link zum Testforum nicht mehr funktioniert. Zumindest ist auf self.hmtl ein kleinerer Ansatz gezeigt, den ich persönlich gar nicht schlecht finde. Mit ein wenig Fantasie, ließe sich daraus ganz bestimmt etwas (um)gestalten.

Eine fertige Lösung (copy and paste) kann ich dir leider nicht anbieten.

Eine Alternative, die in meinem Test (IE8 und FF) funktioniert und die sehr leicht zu handeln, obendrein laienverständlich erklärt ist, findest du auf der nachfolgenden Seite.
http://barrierefrei.e-workers.de/worksh ... menues.php
Sie ist zwar etwas älter – jedoch in verschiedenster Weise ideenreich. Beim „Hovern“ und bei Überlappung mit dem Forenbereich verursacht das dort gezeigte Dropdown-Menü keine Ausblendung der Navigation, wie in deinem beschriebenen Falle.

Um das Beispiel nicht wie vorgegeben oben links auf der Seite auszugeben, ging ich wie folgt vor:
Folgende Angaben in dem gezeigten Dropdown-Menü habe ich in den CSS-Bereichen gelöscht:
top: 5px;
left: 0;

BTW: Wobei ich persönlich die Überlappung mit den Forenbereichen eher störend empfinde. Das ist natürlich geschmacklich relativ und bitte keinesfalls als Kritik zu verstehen. Unter das Muster der auf der Seite gezeigten Navigation (Beispiel 1) Dropdown-Menü)) habe ich aus diesem Grunde im Anschluss ein Bild ( Höhe von 60px, Seitenbreite 100% ) eingesetzt, so dass der Hovereffekt auf der Grafik ausgegeben wird . Bei den Links, die ich einsetzte, habe ich darauf geachtet, ob der User eingeloggt ist oder nicht. Den Hovereffekt richtete ich in der Ausgabe maximal dreizeilig ein.

Vielleicht hilft es Dir weiter, beste Grüße