Box wird mit IE falsch dargestellt

    Hallo,

    auf meinem Blog wird der 2. Beitrag von oben (Wasserspender) vom IE 6, 7 und 8 falsch dargestellt. Der untere Teil der Box ist nach rechts verschoben:

    [Blockierte Grafik: http://wishuload.de/images/1239016432-88216-frohekunde1.jpg]

    Außerdem wird rechts oben das Feld "Letzte Kommentare" nicht richtig angezeigt:

    [Blockierte Grafik: http://wishuload.de/images/1239016452-98113-frohekunde2.jpg]

    Die Seite ist komplett valide. Die Adresse ist:

    Frohe Kunde - die guten Nachrichten

    Mit FF wird alles richtig dargestellt. Hat jemand eine Idee, wo der Fehler liegen könnte?

    Gruß,

    Cujo

    • 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

    Also das zweite ist schon mal einfach: Die Schrift ist im IE7 einfach etwas größer und die Box damit zu klein für "Letzte Kommentare". Die Box passt sich der umgebrochenen Überschrift leider nicht an. Das ist so gesehen schlecht entworfen und wird sich nur mit etwas HTML- und CSS-Kentnissen beheben lassen (oder einer Anfrage beim Themeautor, wenn Du Glück hast).

    Bei der ersten Sache bin ich mir nicht ganz sicher, aber es sieht so aus, als würde der postmetadata-Block neben das gefloatete Bild rutschen. Hast Du mal probiert, .postmetadata ein "clear: both" mitzugeben?

    Einmal editiert, zuletzt von Ammaletu (7. April 2009 um 00:13)

    Zitat von Ammaletu

    Also das zweite ist schon mal einfach: Die Schrift ist im IE7 einfach etwas größer und die Box damit zu klein für "Letzte Kommentare". Die Box passt sich der umgebrochenen Überschrift leider nicht an. Das ist so gesehen schlecht entworfen und wird sich nur mit etwas HTML- und CSS-Kentnissen beheben lassen (opder einer Anfrage beim Themeautor, wenn Du Glück hast).Gibt es vielleicht die Möglichkeit, dem IE zu sagen, dass er eine kleinere Schrift verwenden soll?

    Bei der ersten Sache bin ich mir nicht ganz sicher, aber es sieht so aus, als würde der postmetdata-Block neben das gefloatete Bild rutschen. Hast Du mal probiert, .postmetadata ein "clear: both" mitzugeben?

    Habe ich gerade ausprobiert. Danach sieht es sowohl im FF als auch im IE so aus:

    [Blockierte Grafik: http://wishuload.de/images/1239036097-35135-Frohekunde.jpg]

    Der Postmetadata-Eintrag in der style.css sieht so aus:

    .postmetadata {
    margin: 0 0;
    padding: 7px 15px 0px 20px;
    height: 33px;
    background: url(images/meta.jpg) no-repeat left top;
    font: normal 12px Verdana, Arial, sans-serif;
    text-align: right;
    }Kannst du damit etwas anfangen?

    Ähm, tja... Das ist mal wieder schlecht programmiert vom Themeautor. Das postmetadata liegt außerhalb des cover-divs, welches den oberen Teil des Box-Hintergrundes generiert. Da müsste man nun entweder in allen Themedateien nach the-content ein clear-div einfügen (müsste funktionieren, ist aber etwas Arbeit) oder im Stylesheet einen automatischen clear-Fix auf den cover-Bereich anwenden (elegant und einfach, geht aber nicht in älteren Browsern, siehe Clearing a float container without source markup) oder eben immer genug Text neben solche Bilder setzen (selbst wenn das Theme eines feste Weite hat schlecht machbar). Aber eigentlich wäre es der Job des Themeautors, sowas zu beheben. Ist da was machbar?!

    Ich habe die erste Möglichkeit gewählt. Ich habe in alle relevanten Dateien ein:

    HTML
    <div style="clear:both"></div>

    eingefügt. Allerdings nicht hinter the_content, weil dann im IE ein zusätzlicher Abstand eingefügt wurde, sondern hinter dem Entry-DIV. Der einzige kleine Nachteil ist, dass jetzt im IE der Bearbeiten-Link nicht mehr angezeigt wird. Da kann ich aber gut damit leben, da ich ja den FF verwende und die Besucher kriegen das ja nicht mit.

    Den Programmierer zu kontaktieren würde nichts bringen. Ich habe da schon so viele Veränderungen vorgenommen, dass es vom Code her nicht mehr viel mit dem Original zu tun hat ;-)

    Vielen Dank für deine Hilfe :mrgreen:

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden