header, hight, IE, wie reimt sich das zusammen

  • Der Blog schaut im Firefox richtig aus
    Dem Internetexplorer machts wos aus.
    Im header sind z'viel Pixel drin
    und I kriegs nimma hin.

    Die Höhe die ist einfach zvui
    der macht ja richtig was er wui
    nimm i die Höhe ausm header raus
    schauts im Firefox a falsch aus

    An Padding und Margin hab i scho draht
    Mei Bekannte mir den Kopf obmaht,
    Wenn i des goa net do krieg hi
    vielleicht habts ihr an Tipp für mi?

    ------------------------------
    und jetzt für alle die kein Halb-Bayerisch lesen können: :-)

    Ich hab' im auf dem Blog Wordpress 2.03 am laufen mit dem traffic-102 theme von wordpress.net. Zusätzlich hab' ich eine Navigationsleiste eingebaut, wobei mir der IE 6 zwischen Header und Navileiste immer einen Spalt anzeigt, während Firefox und Opera hier brav das tun was sie sollen.
    Ich hab' bereits mit den Paddings und Margins sowohl des headers, der header überschrift als auch der navigation bar rumgespielt aber weg hab' ich 's nicht bekommen.

    Vielleicht bekomme ich für meine Dicht-Kunst ja 'nen Tip von Euch? *g*

    • 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

  • Zitat

    Vielleicht bekomme ich für meine Dicht-Kunst ja 'nen Tip von Euch? *g*


    Den kriegste bestimmt auch so. Aber das gabs hier, glaub ich, noch nicht.

    Ändere in der Header-Überschrift [FONT="Courier New"]<h1>[/FONT] das [FONT="Courier New"]padding[/FONT], mach es kleiner oder teile es in "oben" und "unten" auf. Ein IE braucht an dieser Stelle 87 Pixel, die Überschrift ist dann auch in der Mitte des Headers plaziert.

    Ab Zeile 155 in der style.css:
    [FONT="Courier New"]
    #header h1 {
    margin: 0;
    font: italic 30px arial;
    color: #fff;
    /*line-height: 30px;*/
    [COLOR="Red"]padding: [COLOR="Blue"]100px[/COLOR] 15px;[/COLOR]
    color: #9191AB}[/FONT]

    Dos kriegs schoa hi.

    "Whoever controls the media, controls the mind." J.Morrison

Jetzt mitmachen!

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