Vorsicht, Umbruch!

von Fries Websolutions

Eine klassische HTML-Tabelle ist immer noch beliebt. Wer sie aber zu Designzwecken missbraucht, muss aufpassen, vor dem "Carriage Return" zum Beispiel.

Denn dieser wird in einer Tabelle angezeigt, und macht so manches Bild aus mehreren Tabellenzellen zunichte. Dieses Problem betrifft allerdings hauptsächlich den Browser, Internet Explorer. Denn wenn eine Zelle nur Text enthält, und nur ein Leerzeichen am Ende eingefügt wird, bei einem Bild kann dann die ganze Zelle durcheinander geraten.

Ein Bild mit 1x1 Pixel zeigt es:

Hier verlängert sich die Zelle unter dem Bild:

Der Unterschied ist klein, nur ein Zeichen, kann aber doch sehr störend wirken:

Tabelle 1

<table><tr>
<td bgcolor="#404040"><img src="images/1x1.gif" width="1"
height="1" alt="" border="0"></td>
</tr></table>

Tabelle 2:

<table>
<tr>
<td bgcolor="#404040"><img src="images/1x1.gif" width="1"
height="1" alt="" border="0">
</td>
</tr>
</table>

In der zweiten Tabelle wurde vom Editor zwischen Bild und Zellen-Ende ein Zeilensprung gesetzt, der sogenannte "Carriage Return". Nur dadurch kommt die Zelle durcheinander, und vergrößert sich doch ungewollt.

Wer also, aus Kompatibilitätsgründen, Tabellen für das Design nutzt, sollte bedenken, das die Zelle auch in der gleichen Zeile wie den Inhalt zu beenden ist.