Darstellungsproblem im IE mit Flashheader

  • Hallo Zusammen,

    habe leider ein großes Darstellungsproblem mit meinem Theme im IE und hoffe auf Eure Hilfe:

    Im Header habe ich zwei Div-Elemente die einmal mit einer Navigation und einmal mit einer Flashanimation nebeneinanderstehend gefüllt sind. Im Safari, Firefox und Opera wird das ganze richtig nebeneinander innerhalb des Headers angezeigt aber der IE fügt einen Zeilenumbruch ein, sodass die Flashanimation unterhalb des Headers in einer neuen Zeile erscheint. Der Content rutscht entsprechend nach unten. Warum? Ich finde den Fehler einfach nicht. :confused:

    Zum ansehen: http://wordpress.sfb-ev.de

    Vielen Dank im Vorraus!

    LG sa.sch

    • 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

  • Du könnst mal probieren die Breite vom <div class="celldiv-info2"> etwas zu verkleinern.

    Code
    .celldiv-info2 {
    display:table-cell;
    float:left;
    text-align:left;
    [COLOR=Red]width:540px;[/COLOR]
    }

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • Du könnst mal probieren die Breite vom <div class="celldiv-info2"> etwas zu verkleinern.

    Code
    .celldiv-info2 {
    display:table-cell;
    float:left;
    text-align:left;
    [COLOR=Red]width:540px;[/COLOR]
    }


    Das wars leider nicht.:(

  • Mahlzeit,

    der IE 6/7 kann mit display:table/table-row/table-cell nix anfangen.

    Man kann ihm per Conditional Comm. mit display:inline; und zoom:1; ein Inlineblock-ähnliches Verhalten aufzwingen.
    Er braucht dann auf jeden Fall eine feste Breite für die table-cell-Elemente .
    Es muss auch sonst noch einiges beachtet werden.

    Deine Konstruktion ist deshalb keinesfalls empfehlenswert.
    Warum bleibst du nicht bei float/clear?

    Gruß
    koslowski

    ps. dieses Headerflash macht mich ganz wuschig im Kopf und löst einen automatischen Fluchtreflex aus. ;-)

  • hier sind auch einige Fehler, die der IE so gar nicht mag,
    http://validator.w3.org/check?verbose=…ss.sfb-ev.de%2F

    die alle reparieren, dann gehts mit dem IE besser

    via conditional comments in der header.php dem IE ein anders Style für den Bereich zuweisen und zwar die Breitenangaben wesentlich geringer machen


    eine Seite derart *unbarrierearm* für Menschen mit Behinderungen zu machen ist der Hammer schlechthin ;)

    dieses Flash löst 10000% epileptische Anfälle aus, aber sowas von :mrgreen: ist das Absicht ?

Jetzt mitmachen!

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