Dropdown-Menü mit Darstellungsproblemen

[LeoDesign]

Hallo,

ich habe ein Dropdown-Menü, was mir zu schaffen macht.
Die Adresse: http://egonkulms.hoffdesign.net/

Folgende Probleme tun sich auf:

1. Menü klappt hinter den Main-Bereich. Sprich der schwarze Text liegt dann über dem ausgeklappten Menü. Folgeproblem ist, das ich die Untermenüpunkte nicht auswählen kann.
2. Das umgekehrte Spiel: Mit z-index läßt sich das verdeckte Menü beheben - aber dann lassen sich keine Links im gesamten Bereich unter dem Menü (also Main/Left/Right) mehr auswählen
3. Zuletzt sitzt (zumindest bei mir) unter Opera das Menü immer zu tief...

Bin für jeden Tipp zu haben! Dank' euch!
Gruß Gunnar

[stefan-at-work]

Hi Gunnar,

gib mal dem Header eine zusätzliche Klasse mit

#header .inside{z-index:999;}

Gruß
Stefan

[LeoDesign]

Danke für den Hinweis Stefan,

des Rätsels Lösung sah dann doch etwas anders aus:
Ich hatte nur "#mainmenu .level_1 ul" einen z-index verpasst und wundere mich dann, warum es mit den Untermenüs nicht klappt. Nun hat "#mainmenu .level_2 ul" auch einen z-index und es funktioniert...

Gruß Gunnar

[wotank]

Danke für den Hinweis Stefan,

des Rätsels Lösung sah dann doch etwas anders aus:
Ich hatte nur "#mainmenu .level_1 ul" einen z-index verpasst und wundere mich dann, warum es mit den Untermenüs nicht klappt. Nun hat "#mainmenu .level_2 ul" auch einen z-index und es funktioniert...

Gruß Gunnar

äh...hast du dir das Ganze mal im IE7 angeschaut? Dort sieht man vom Menü nur den gerade aktiven Navipunkt. Der Rest ist futsch.

Das Menü mit diesem großen padding-left nach unten schieben halte ich für eine ziemlich schlechte Idee.
Das wäre gar nicht nötig, wenn du nicht die Kopfbilder unnötigerweise absolut positioniert hättest.

[LeoDesign]

Hy wotank,

ich muss gestehen, dass ich dem/des CSS noch nicht mächtig bin. Ich komme aus dem Printbereich und trauere noch immer den einfachen Tabellenaufbau hinterher!

Ich habe mich garnicht erst getraut, dass Ganze auf älteren Browsern anzuschauen... Wenn ich das absolute im header rausnehme, findet sich der Imageslider inklusive vorgelagerter PNG-Grafik unter dem Menü wieder.

Hast du dazu einen Vorschlag? Bei mir artet das eher in stundenlangem Probieren aus...

Danke für eure Hilfe,
Gruß Gunnar

[wotank]

ich muss gestehen, dass ich dem/des CSS noch nicht mächtig bin. Ich komme aus dem Printbereich und trauere noch immer den einfachen Tabellenaufbau hinterher!

okay, dann sei dir vergeben.

Wenn dir sowas Spaß macht kommst du um das Studium von Little Boxes nicht herum. Online oder als Buch.
Da kannst du gleich mitbauen!
Wenn dir Contao gefällt hol dir gleich noch das Contaobuch desselben Autors, da kannste auch gleich mitbauen.
Das ist imho mit weitem Abstand das Beste der Contaobücher für Contaobeginner.

Zu deiner Problemsite:
Da würde ich schon die Struktur ändern.
Da ist oben die Topnavi und die Slideshow. Die würde ich in den header packen.
Darunter dann der Container mit der zweiten horizontalen navi.
Darunter dann die beiden Spalten #left und #right.
#left mit dem Textbereich bekommt ein hinreichendes padding-left, damit die HG-Grafik frei bleibt, ansonsten floatet #left in Verbindung mit einer festen Breite (ca. 695px).
#right floatet ebenfalls in Verbindung mit einer festen Breite (ca. 240px).
Das clearende div wird ja schon automatisch von Contao eingefügt.
Unten kommt dann noch der footer.

Ehrlichgesagt würde ich mir aber erst mal Little Boxes reinziehen, damit du ein Gefühl für modernes Webdesign bekommst.
Sonst wird der Frustfaktor beim Bauen immer ziemlich hoch sein, weil irgendwas scheinbar Unerwartetes passiert.

[LeoDesign]

Hallo wotank,

danke für die Ausführungen. Das mit dem Frustfaktor kenne ich schon zu gut
Die Little Boxes habe ich auch schon gesehen - ich glaube, das werde ich mir wirklich mal antun (müssen)!
Als erstes werde ich (sobald es die Zeit zulässt) mal versuchen das Layout nach deinen Angaben umzubauen. Danke für die Hilfe!

Gruß Gunnar