18.07.05Leere Tabellenzellen im IE anzeigen
Manchmal möchte man auch leere Tabellenzellen im Browser angezeigt bekommen. Der CSS-Standardwert ist hide und deshalb sollten leere Tabellenzellen zunächst nicht angezeigt werden. Moderne Browser sind in der Lage, den Wert show für leere Tabellenzellen anzunehmen und leere Zellen auch zu zeichnen. Nur eben unser Freund nicht.
table {
empty-cells: show;
}
Um auch den IE dazu zu bringen, diese leeren Zellen zu zeichnen, kann man mit einem Leerzeichen nachhelfen.
<table> [...] <td> </td> [...] </table>
Es steht nachwievor nichts in dieser Tabelle - rein optisch. Er kann weiter nichts mit dem Wert show anfangen. Es handelt sich bei dem aber um einen Textstring und deshalb, hat auch diese Zelle einen Inhalt, der eben vom Browser als HTML behandelt und somit in ein (unsichtbares) Leerezeichen umgesetzt wird. Er behandelt die Tabellenzelle so, als würde was drin stehen und zeichnet sie.
Markus am Jul 19, 2005 | Reply
Wie definiert man das Wort “Textstring”? Welche gehören dazu?
Björn am Jul 19, 2005 | Reply
Michel am Aug 9, 2005 | Reply
Schließlich wird hier etwas in den Quelltext eingefügt um ein Design zu »retten«.
Bin mir noch nicht so sicher ob ich mich damit anfreunden kann. Ich überlegs mir (oder vergesse es in 5 Minuten).
Björn am Aug 9, 2005 | Reply
Ja aber nur beim IE. Die anderen sind in der Lage das zu trennen.
Michel am Aug 9, 2005 | Reply
Wie das? PHP? Conditional Comment?
Björn am Aug 9, 2005 | Reply
Jens am Apr 18, 2006 | Reply
Zu bedenken ist dabei, dass das eingebundene Textzeichen die Zelle auf eine der Schriftgröße entsprechende Mindesthöhe streckt.
Abhilfe -wenn auch sehr unschön- bringt der Einsatz eines IMG-Tags mit einem transparenten Einpixelplatzhalterbild und den Attributen width=”1″ und height=”1″ bzw. height=”[gewünschte Höhe]”
Dabei ist dann überdies zu beachten, dass zwischen dem öffnenden und schließenden TD-Tag wirklich NUR das IMG-Tag steht und nicht noch ein weiteres Leerzeichen oder ein Zeilenumbruch. Denn dieses Leerzeichen würde wiederum die Zellenhöhe strecken. Alles muß direkt hintereinander stehen.
Dani am Aug 31, 2010 | Reply