Internet Explorer 8 Fehler mit Anzeige: Tabelle

Question

Sep 21, 2010, 11:37 PM

internet-explorer internet-explorer-8 css

Internet Explorer 8 Fehler mit Anzeige: Tabelle

Ich habe den seltsamsten Fehler aller Zeiten ... Ich experimentiere mit display: table, und mein Proof of Concept funktioniert bereits beim ersten Versuch nach dem Öffnen eines neuen Prozesses, aber jedes nachfolgende Neuladen der Seite bricht das Design. Hier ist die einfache HTML-Seite:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Untitled Page</title>
    <style>
        .container {
            display: table;
        }

        .row {
            display: table-row;
        }

        .cell {
            display: table-cell;
            width: 100px;
            height: 100px;
            border: 1px solid blue;
            padding: 1em;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="row">
            <div class="cell">CELL A</div>
            <div class="cell">CELL B</div>
            <div class="cell">CELL C</div>
        </div>
    </div>
</body>
</html>

Und hier ist das erwartete Ergebnis, das erhalte ich nach dem ersten Laden.

Nun das bekomme ich nach dem Neuladen der Seite mit F5:

Es ist verrückt!!

Kann jemand es versuchen und mich wissen lassen, wie es für sie herauskommt? Vielen Dank. Ich hoffe, dass ich mich nicht umgebracht habe, wenn ich die Lösung gelesen habe: -)