HILFE! Internet Explorer Darstellungs-Problem von HR-Linien

  • hallo,

    die seite besteht aus vier bzw. drei spalten und im oberen bereich befinden sich vier linien, die ich in die jeweilige spaltexyz.php per "hr style..." gesetzt habe. von safari und firefox wird das alles korrekt dargestellt. der internet explorer stellt die linien allerdings falsch dar und lässt sie treppenartig auf- und und wieder absteigen.

    woran kann das liegen? ich versuche seit einer woche den fehler zu finden und habe inzwischen aufgegeben. eventuell kommt der ie nicht mit "float: left" klar...?

    dies ist die seite:

    CHECK YOUR HEAD

    dies der home.php code, also die zusammenstellung der verschiedenen spalten-php-dateien:

    dies ist der entscheidende teil der style.css:

    und dies der code der mittleren spalte inkl. der linien:

    • 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 kann durchaus sein, dass der IE (welche Version übrigens?) Probleme mit float hat. Und bei <hr /> ist der IE sowieso ein wenig eigen.

    Warum verwendest du keine borders dafür? Wäre vielleicht in deinem Fall die bessere Alternative.

  • Deine Seitenstruktur hat midestens 1 offenen div, der das dann im IE verursacht, denn IE "repariert" Seiten anders als der Rest der Browserwelt:
    [Invalid] Markup Validation of http://www.checkyourhead.de/main/ - W3C Markup Validator

    Schau mal dein Theme durch, ob du zu jedem geöffneten div auch ein geschlossenen hast. Und bei der Gelegenheit auch gleich die hr richtig notieren: <hr style="..." [COLOR=Red]/[/COLOR]>

Jetzt mitmachen!

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