Blog42

Die CSS Alternative von display:table, display:inline-table, display:table-row, cell usw wird nicht korrekt im IE Ausgegeben?

Erst dachte ich an einen Fehler meinerseits, da ich bisher für Tabellen auch Tabellen verwendet habe, und nicht CSS Umschreibungen.
Auf den ersten Blick sah alles super aus – die Seite baute sich korrekt auf, und dafür daß es der erste Versuch in diese Richtung war, hat es mich sehr gewundert, daß es so problemlos geklappt hatte.

Zumindest der Anfang – als der obligatorische Blick über die Darstellung im InternetExplorer lies mich jedoch wieder auf den Boden der Tatsachen zurückfallen.
Die einzellen “Zellen” – ergo display:table-cell werden jeweils als eine eigene Zeile im Internet Explorer dargestellt.

Zunächst dachte ich halt an einen eigenen Syntaxfehler und ging den Code durch.
Fehlanzeige, die CSS Umsetzung einer Tabelle war zumindest syntaxmäßig richtig.
Also gleich erstmal im Internet nach Lösungen gesucht, und auch solche Tabellenbeispiele gefunden.

Als sehr gute Quelle kann man SelfHTML ja bezeichnen, so dort auch mal folgenden Quelltext mir anzeigen lassen:

ich

bin

eine

Tabelle

link: de.SelfHTML – CSS – Display Elemente

Sieht gut aus im Firefox, IE Nutzer hingegen schauen dabei in die Röhre.
Ist leider nicht das erste mal …

Nun muß man sich wieder überlegen, ob man diese Technik weiter ausbaut und anwendet, oder die IE Nutzer einfach ausschließt von der 100% Funktionialität.
Keinen Plan, ehrlichgesagt.