Ich möchte in einer tabellarischen Darstellung (deshalb Tabelle, bin selbst kein Freund von Tabellen) einen pixelgenauen Abstand (mit anderer Hintergrundsfarbe) zwischen verschiedenen Zeilen. Deshalb hab ich eine Zeile, die nur den Abstand bewirken soll:

....
<tr style="height:1px;background: #123456">
<td></td>
</tr>
...

Im IE und Firefox kein Problem, nur der Safari ignoriert die Höhenangabe vollständig. Wenn ich ein non-blocking-space in den td-tag tue, nimmt er halt mindestens die Font-size als Zeilenhöhe, so dass ich keine Zeilenhöhe von wenigen Pixeln mehr erreichen kann. Weiss jemand hier einen Workaround?

Vielen Dank!

font-size:0;
in der Zelle definieren

gibt aber bessere Lösungen als extra dafür immer eine Zelle für den Abstand einzufügen...

und evtl. noch line-height auf 0 setzen.

Aber warum gibst du nicht einfach der darüberliegenden Zeile ein border-bottom ? oder der darunterliegenden ein border-top ? Afaik geht das prima

__________________
Bitte keine PN's - schreibt mir ne anständige Mail oder sprecht mich über Msn / Icq an
Milian Wolff | Markdownify | Typogridder

hi, hatte das problem auch als ich abgerundete ecken bastelte. der trick dahinter ist, dass mit der height angabe in tr safari nur BIS zu dieser höhe platz bereitstellt. erst wenn man in der (ersten) td auch noch sagt height="..px" bringt er die reihe auf die gewünschte höhe.