CSS Problem IE/Firefox Vertigo Theme

  • Hallo zusammen,

    ich bin gerade dabei mir das Vertigo Theme an meine Bedürfnisse
    anzupassen, was soweit auch ganz gut funktioniert. Jetzt wurde ich
    allerdings auf einen Schönheitsfehler aufmerksam gemacht und für
    diesen habe ich selbst leider keine Lösung.

    Und zwar wird mein Menü im Header im IE etwas nach oben versetzt
    angezeigt, unter Firefox und Safari hingegen wird alles passend zum
    Header angezeigt.

    Ich bin Mac/Ubuntu User und habe leider keinen IE um dies selbst zu
    testen und wüsste jetzt auch nicht wie ich dieses Problem lösen kann,
    daher hoffe ich hier auf einen helfenden Tipp.

    Das Blog findet Ihr unter...
    OnExistence.de

    Das CSS findet Ihr unter...
    http://test.onexistence.de/blog/wp-conten…fault/style.css

    Es wäre sehr nett wenn mir da jemand helfen könnte der IE und FF
    gleichermaßen nutzen kann und sich mit den IE CSS Tücken etwas
    besser auskennt als ich.

    MfG
    Otti


    • 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

  • im Regelfall hat es mit den padding- und margin-Einstellungen zu tun.
    In Deiner CSS-Datei habe ich gesehen, dass die meisten dieser Einstellungen auf 0 gesetzt wurden, aber das px dahin fehlt. Das kann eine "Fehlerquelle" sein, muss aber nicht.

    Wenn das nicht funktioniert, dann versuch es mal mit Folgendem:
    Bspl:
    # menu {
    padding-top: 0px !important; /* für Firefox, etc. */
    padding-top: 5px; /* für IE */
    /* weitere Anweisungen. */
    }

    Es klappt nicht immer, aber immer öfter ;-)

    Gruß
    Elke

    Es gibt keine dummen Fragen, es gibt nur dumme Antworten...
    http://u-portal.de/

  • Zunächst danke für Deine Rückantwort redcat63. Ich habe überall das px nachgetragen,
    leider ohne Erfolg. Danach habe ich das Beispiel von Dir ausprobiert und auch
    das war leider nichts. Ich habe dann festgestellt das das Problem beim padding
    in '#menu ul' liegt und versucht Dein Beispiel hier anzuwenden, doch auch das
    hat nicht geholfen.

    Nun habe ich folgendes in die header.php eingetragen:

    CSS
    <!--[if IE]>
    <style type="text/css"> 
    #menu ul { padding-top: 9px !important; /* für IE */ }
    </style>
    <![endif]-->

    Damit scheint es zu funktionieren, es ist vielleicht nicht die sauberste Art, aber es
    haut hin. Vielleicht könnte mir ein IE Benutzer dies bestätigen oder weitere grobe
    Auffälligkeiten mal durchgeben!?

    Wenn jemanden eine bessere Lösung einfällt, dann wäre ich auch für diese sehr
    dankbar. Ich möchte ja nicht nur das alles richtig dargestellt wird, sondern bei der
    ganzen Sache auch aus meinen Fehlern lernen.


  • Hi,

    wenn es funktioniert ist es ja schon einmal gut.
    M. E. müsstest Du es auch einfach in der css-Datei integrieren können, z. B. ganz unten.

    Ich habe es eben in den folgenden Browsern getestet und in allen sieht es gleich (gut) aus. :-D
    - Opera
    - Firefox
    - IE

    Gruß Elke

    Es gibt keine dummen Fragen, es gibt nur dumme Antworten...
    http://u-portal.de/

  • Jetzt habe ich noch ein Problem, bzw. eine Frage. Ich würde gerne neben der Auflistung meiner letzten Beiträge
    und den letzten Kommentagen einen kleinen RSS Button setzen, doch wo kann ich diese einfügen, die werden
    ja durch Widgets dargestellt!?


Jetzt mitmachen!

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