Verzweilung am Dropdown Menü?

[OneChance]

Hallo Leute,
Ich weiss zu diesem Thema gibt es schon einige Threads und auch auf der Typolight Seite gibt es eine Anleitung für ein mit css umgesetztes Suckerfisch Menü.
Aber irgendwie raff ich es nicht, das Menü selber als dropdown schaffe ich wenn es ganz oben platziert ist. Wenn ich das ganze aber jetzt im Header unten platzieren möchte damit es sozusagen in dem linken und main Bereich hinein fällt dann funzt es nicht. Denn genau bei der Grenze von header und main wird es wieder ausgeblendet wenn ich mit der Maus nach unten fahre.
Ich weiss nicht warum, kann mir da einer helfen?
Oder hat vielleicht jemand eine Demo site wo er das dropdown Menü im Header nach unten in den main Bereich gebaut hat. Ich brauche in dem Menü ja auch nur die zweite ebene mehr nicht.

Bin jetzt schon Dankbar für eure Hilfe!

[Nils Riel]

Schreibe mal folgendes in die CSS:

#main,#main .inside,#left,#left .inside,#right,#right .inside {z-index:1}
#header {z-index:2;}

[Antipitch]

@Nils:
stack level Angaben sind nur auf positionierte Elemente anwendbar (CSS 2.1: 9.9 Layered Presentation) und dann würde auch z-index "1" für das betreffende Element reichen. Abgesehen von den Layout-Auswirkungen auf all die genannten Elemente qua Vererbung (sic!), aber doch auch gar nicht nötig?!

@edgeMedia:
Du hast doch in deinen CSS-Angaben für die Navi garantiert schon Positionierungen am Start, für ul li ul z.B. ?! Gib denen einfach einen z-index.


cheers
Antipitch

[OneChance]

@edgeMedia:
Du hast doch in deinen CSS-Angaben für die Navi garantiert schon Positionierungen am Start, für ul li ul z.B. ?! Gib denen einfach einen z-index.

cheers
Antipitch

Äh Antipitch wie und wo setzt ich diesen z-index?
Bin Neuling und kenn mich in css noch ned so ganz aus!

[Antipitch]

Welche css dateien hast du in Verwendung? In welcher regelst du deine Navi? Den Code poste mal!

[Andreas]

Äh Antipitch wie und wo setzt ich diesen z-index?
Bin Neuling und kenn mich in css noch ned so ganz aus!

Guckst du hier: http://de.selfhtml.org/navigation/css.htm

Andreas

[OneChance]

Also wirklich ich bin immer wieder von den Socken wenn ich sehe wie schnell ich hier Hilfe bekomme.
Habe es jetzt geschaft und es sieht nicht mal schlecht aus na ja für Anfänger Verhältnisse.
Jetzt ist das ganze was ich im tut gelesen habe ohne Javascript nicht IE6 Kompatibel, ist das ein Großes Problem?
Ich habe die ganze Seite mit einem Submenu auf der linken Seite zusätzlich aufgebaut da ich ja vorher kein Dropdown hatte also ist jetzt meine Frage folgende:
Sieht ein IE6 die erste Menüebene ohne dropdown oder funzt das nicht?
Als Anhang setzte ich meine navi css dran vielleicht ist ja noch was falsch?

.mod_navigation{width:auto;height:45px;left:32px;top:115px;position:absolute;overflow:visible;float:left;margin:5px 0px 0px 0px;border:0px;z-index: 999;}
.mod_navigation a{padding:0px 15px;font-weight:bold;text-decoration:none;font-size:12px;color:#000000;}
.mod_navigation li:hover{background: url(tl_files/#####/menu.jpg) top left repeat-x;}
.mod_navigation li.active{margin:0px;padding:0px;background-image:url("tl_files/#####menu.jpg");background-position:left top;background-repeat:repeat-x;font-weight:bold;font-size:12px;color:#787877;cursor: pointer;}
.mod_navigation span.active{padding:0px 15px;}
.mod_navigation ul{margin:0px;padding:0px;list-style-type:none;}
.mod_navigation li{width:auto;position:relative;float:left;margin:0px;line-height:30px;}
.mod_navigation li ul{bottom:0px;left:0px;right:0px;top:30px;position:absolute;display:none;}
.mod_navigation li ul li{width:250px;background-color:#a3a3a2;border:1px solid #7a7a7a;}
.mod_navigation li:hover ul{display:block;}
.mod_navigation ul li:hover ul ul{display:none;}

[Andreas]

Hallo du,

das Problem ist ja, dass IE lte 6 (lower than equal) mit der Pseudoklasse :hover nur über a-Elementen und diesbezüglich darin enthaltenen Elementen klar kommt. Also nicht mit li:hover z.B.. Suche mal auf der Seite die ich dir gestern gegeben habe nach pseudo.

Da du Elemente mit dem Selektor .mod_navigation li ul dittels display:none unsichtbar gemacht hast, werden im IE lte 6 die Elemente jetzt beim Hovern leider nicht angezeigt. Die einfachste Lösung ist mit einem Conditional Comment für IE lte 6 diese Elemente einfach wieder sichtbar zu machen. In deinem Fall mit:

.mod_navigation li ul {
  display: block;
}

Damit gibt es in IE lte 6 zwar nicht diesen Aufklappeffekt, aber die Menüpunkte werden dem User somit nicht vorenthalten.

Gruß von Andreas

ach ja, schreib doch mal einen Namen unter die Posts von dir, ist netter, wenn man jemanden mit Namen ansprechen kann

[Nils Riel]

Hier das Script: http://www.xs4all.nl/~peterned/csshover.html

[OneChance]

ach ja, schreib doch mal einen Namen unter die Posts von dir, ist netter, wenn man jemanden mit Namen ansprechen kann

Ach ja, also ich bin da Patrick.
Also wenn ich den Zusatz für den IE nicht mache ist das einzige was er nicht sieht der hover dropdown funktion. Die erste MenüEbene sieht er nach wie vor oder? Hab ich das jetzt richtig verstanden?

[Andreas]

Hi Patrick

ja. Das was du mit display:none ausgeschaltet hast bleibt unsichtbar, denn IE lte 6 bekommen keinen Befehl es wieder sichtbar zu machen.

Wenn deine HTML-Kenntnisse genauso mager sind wie deine CSS-Kenntnisse, bekommst du von mir noch den zweiten dazu passenden Link :
http://de.selfhtml.org/navigation/html.htm

Mal kurz, wie du die HTML-Elemente ansprichst:

• die komplette unsortierte Liste
  ul { attribute: value; }
• alle Listenpunkte darin (auf allen Ebenen)
  ul li { attribute: value; }
• eine zweite verschachtelte Liste innerhalb der ersten
  ul li ul { attribute: value; }
• alle Listenpunkte ab der zweiten Liste und darunter
  ul li ul li { attribute: value; }

Sieh dir bei Selfhtml diese Seite ff an: http://de.selfhtml.org/css/formate/zentrale.htm

Am besten liest du auch mal das ganze Kapitel über CSS. Man kann nicht alles sofort behalten, aber hier findest du alles, was du darüber wissen musst, und du wirst dann immer mal wieder dorthin gehen um dich zu informieren.

Viel Spaß, Andreas

[OneChance]

Lieber Andreas vielen Herzlichen Dank noch mal, es wirklich schön zu wissen nicht alleine zu sein!
Die Seiten die du mir gesagt hast sind echt cool hatte Sie schon mal gehabt aber leider war ich damals nicht so schlau sie zu speichern!
Danke noch mal und einen schönen Tag noch!
Mfg Patrick