CSS Menü klappt nicht auf

  • Hallo zusammen,

    ich habe auf einer Seite ein horizontales Menü das mit css gemacht ist und nach unten aufklappt.

    Jetzt habe ich mir ein weiteres Individuelles Menü zusammen gestellt und es per Widget in meine linke Sidebar ganz unten eingefügt. Den css Teil der für das horizontale Top Menü zuständig ist hab ich kopiert und die Klassen angepasst.

    Das Problem ist jetzt, dass das Menü in der linken Sidebar, das ganz unten ist, nicht aufklappt.

    Zu sehen ist das ganze hier: http://www.afrikascout.de/

    Vermutlich sehe ich den Wald vor lauter Bäumen nicht mehr, wäre super wenn mir hier geholfen werden könnte. Ich suche den Fehler jetzt seit zwei Stunden und seh den Wald vor lauter Bäumen nicht mehr.

    VG
    Philip

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • das liegt an dem overlow:hidden;
    hier

    Code
    #links, #rechts {
        background: none repeat scroll 0 0 #FFFFFF;
        border-top: 1px solid #403E20;
        display: inline;
        [COLOR="#FF0000"]overflow: hidden;[/COLOR]
        padding: 5px 0 0;
        position: relative;
        width: 182px;
    }


    und hier

    Code
    #links ul, #rechts ul {
        overflow: hidden;
        text-align: left;
    }

    wenn du dies entfernst geht es, allerdings musst du dann das width: 100%; entfernen
    z.B. hier

    Code
    #aktionspreise {
        background-color: #8F0000;
        color: #FFFFFF;
        font-weight: bold;
        height: 22px;
        padding: 3px 0 0 5px;
        position: relative;
        [COLOR="#FF0000"]width: 100%;
    }

    [/COLOR]
    und hier

    Code
    #links h2 {
        background-color: #403E20;
        color: #FDE4AC;
        font-size: 1em;
        font-weight: normal;
        height: 22px;
        padding: 3px 0 0 5px;
        [COLOR="#FF0000"]width: 100%;[/COLOR]
    }

    hab das jetzt nur schnell mal überflogen, vielleicht gibts noch eine andere Lösung, indem man diesem Menü overlow:visible; zuweist

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!