Ralf: Abstände innerhalb einer Tabellenzelle

Beitrag lesen

Hallo!

Ich habe eine Tabelle mit Zellen berechneter Größe. Z.B.:
<td style="width:80px; height:50px; border:1px solid red;">...</td>

Ich möchte darin eine farbige Fläche mit definierten Abständen zum Rand der Zelle anzeigen, ohne die Größe der Fläche explizit zu berechnen. Ich habe also innerhalb der Zelle kodiert:
<div style="margin:5px; background:blue;">...</div>

Nun habe ich das Problem, dass die Fläche offensichtlich in der Größe durch ihren Inhalt bestimmt wird. Mit width/height komme ich auch nicht weiter bzw. es wirkt sich auf die Größe der umgebenden Tabellenzelle aus.
Wenn der Inhalt klein genug oder nicht vorhanden ist, sind die Abstände größer als gewünscht. Bei größerem Inhalt stimmt zwar der Abstand, aber die umgebenden Zelle wird größer.

Ich bin mir sicher, dass es irgendwie geht - aber wie?

Die Lösung sollte sowohl im IE6 als auch im Firefox zu gleichen Ergebnissen führen. Ich verwende:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">

Ralf