Image sprengt Tabelle, aber wieso?

[Sven Rautenberg]

Moin!

<table border="1" cellspacing="0" cellpadding="0" align="center">
<tr>
<td height="15" width="15">

Lass height weg und mach width auf 1%, dann klappt's.

Garantiert nicht!

Das Problem ist das hier:
Standard-Ausrichtung eines Bildes ist "vertical-align:baseline". Damit wird die untere Kante des Bildes auf die Grundlinie der (hier nicht sichtbaren, aber vorhandenen) Schrift gesetzt. Da die Schrift üblicherweise noch Unterlängen hat, ist nach unten auch unterhalb des Bildes immer noch Platz.

Abhilfe schaffen zwei Dinge:

1. vertical-align anders setzen. Entweder auf bottom oder auf top (experimentieren, was besser paßt). Dann richtet sich das Bild an der Unterkante oder Oberkante der Textzeile aus, und nicht mehr an der Schriftgrundlinie.

2. display:block dürfte bei einem einzelnen Bild in einer einzelnen Zelle ebenso helfen.

- Sven Rautenberg