(Nur) Firefox zeigt das DropDown-Menü falsch an

    Hallo liebes Wordpress-Forum,

    ich versuche gerade, die Homepage unserer Schule auf ein Wordpress-System umzustellen und bin dabei auf ein Problem gestoßen: Im DropDown-Menü unseres Themes bricht Firefox den Text „Informatik-Mathematik“ so um, dass am unteren Ende der letzte Menüeintrag verschwindet; den Eintrag „Deutsch“ sieht man kaum noch (Screenshot 1). Andere Browser machen das nicht, und das Menü sieht prima aus (Screenshot 2).

    Habt Ihr eine Idee, wie ich das beheben könnte, sodass es auch im Firefox funktioniert? Immerhin wird der sehr häufig benutzt und es wäre schon fast ein KO-Kriterium für das eigentlich ganz nette Theme, wenn wir den Firefox nicht ordentlich einbinden könnten.

    Vielen Dank!
    Hokey

    • Gerade eben
    • 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

    Wenn Du einen aktuellen Firefox nutzt, passiert das aber nicht! Zumindest bei mir mit der Version 21.0 ist alles i.O..


    P.S.: Firefox hat auch die Angewohnheit das er nicht alles neu lädt. Drück einfach mal öfters F5 bis alles weiß ist, dann lädt er alles neu.

    Einmal editiert, zuletzt von BumbleBee (14. Juli 2013 um 18:27)

    Danke für deine Antwort! Meine FF-Version ist auf allen Computern aktuell, auf dem Windows-PC funktioniert das Menü im Firefox, auf dem Mac nicht. Heute bekam ich von jemandem, der die Seite testete den Hinweis, dass es auch beim IE Probleme mit der Darstellung gibt:

    Sonderbar. Es liegt offensichtlich an zu langen Namen im Menü, die sich leider nicht vermeiden lassen. Reicht es da wohl noch, den CSS-Code anzupassen (wie auch immer), oder liegt das Problem hier tiefer?

    Natürlich liegt es an zu langen Namen. Wenn Du ein Auto mit 7 Sitzen kaufst, kann sich auch keine 8. Person setzen. In Deinem Fall müsstest Du also die Einzüge anpassen, oder aber die Größen der "li" und "ul" Felder anpassen.

    Code
    #subMenusContainer a, #nav li li a {
    color: rgb(255, 255, 255);
    font-size: 12px;
    text-align: left;
    background-color: rgb(134, 172, 1);
    padding: 5px 20px;

    Das wird mir in FF angezeigt. Änderst Du bspw das padding auf "5px 5px", dann hast Du mehr Platz im Feld, weil er dann links und rechts keinen so großen Rand macht. Demzufolge passt auch wieder mehr Text in das Feld ;-)

    Auch wenn es spät kommt: Du hast mir sehr geholfen! Dank deines Tipps, können die Menüs nun vollständig angezeigt werden. Vielen Dank!

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden