Ergebnis 1 bis 7 von 7

Thema: Dropdown-Menü mit Darstellungsproblemen

  1. #1
    Contao-Nutzer Avatar von LeoDesign
    Registriert seit
    25.06.2009.
    Ort
    Münchhausenland
    Beiträge
    119

    Standard Dropdown-Menü mit Darstellungsproblemen

    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

  2. #2
    Community-Moderator Avatar von stefan-at-work
    Registriert seit
    05.06.2009.
    Ort
    Bad Segeberg
    Beiträge
    1.782
    Partner-ID
    634

    Standard

    Hi Gunnar,

    gib mal dem Header eine zusätzliche Klasse mit
    Code:
    #header .inside{z-index:999;}
    Gruß
    Stefan

  3. #3
    Contao-Nutzer Avatar von LeoDesign
    Registriert seit
    25.06.2009.
    Ort
    Münchhausenland
    Beiträge
    119

    Standard

    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

  4. #4
    Gesperrt
    Registriert seit
    01.12.2010.
    Ort
    Passau
    Beiträge
    321

    Standard

    Zitat Zitat von LeoDesign Beitrag anzeigen
    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.

  5. #5
    Contao-Nutzer Avatar von LeoDesign
    Registriert seit
    25.06.2009.
    Ort
    Münchhausenland
    Beiträge
    119

    Standard

    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

  6. #6
    Gesperrt
    Registriert seit
    01.12.2010.
    Ort
    Passau
    Beiträge
    321

    Standard

    Zitat Zitat von LeoDesign Beitrag anzeigen
    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.

  7. #7
    Contao-Nutzer Avatar von LeoDesign
    Registriert seit
    25.06.2009.
    Ort
    Münchhausenland
    Beiträge
    119

    Standard

    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

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Ähnliche Themen

  1. Horizontales Dropdown-Menü
    Von rolandwa im Forum Allgemeine Inhaltselemente
    Antworten: 1
    Letzter Beitrag: 23.01.2011, 19:30
  2. DropDown Menü Einklappzeit
    Von x4all im Forum Layout / Templates / Holy Grail
    Antworten: 1
    Letzter Beitrag: 05.11.2010, 11:54
  3. DropDown-Menü in TinyMCE verändern
    Von riseup im Forum Layout / Templates / Holy Grail
    Antworten: 1
    Letzter Beitrag: 06.04.2010, 00:52
  4. DropDown Menü Problem
    Von matze im Forum Layout / Templates / Holy Grail
    Antworten: 7
    Letzter Beitrag: 24.09.2009, 16:45
  5. Verzweilung am Dropdown Menü?
    Von OneChance im Forum Layout / Templates / Holy Grail
    Antworten: 11
    Letzter Beitrag: 01.08.2009, 15:44

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •