Niedrige Zelle mit Rahmen im IE6/7

[Kenin]

hi

<table border="0" cellpadding="0" cellspacing="0" width="100%">
	<tr>
		<td style="height: 5px; border: 1px solid red; background-color: yellow;">
			
		</td>
	</tr>
</table>

Im FF sieht das ja gut aus, aber im IE6 und IE7 macht er einfach den Rahmen nicht. Den macht er nur bei einer Höhe ab ca. 20px.

Wie kriege ich es dennoch hin, ohne was an der Höhe zu verändern, dass auch der IE den Rahmen macht?


greez
Kenin

 

[Kenin]

Hab's rausgefunden

Die leere Zelle braucht ein   und dann kann man via line-height die Höhe steuern.

 

[damatu]

Hab's rausgefunden

Die leere Zelle braucht ein   und dann kann man via line-height die Höhe steuern.

Vielleicht was allgemeines dazu, wenn du dieses Teil nun für Layout-Zwecke missbrauchen willst (vielleicht etwas zynisch), dann benutzte einfach die gegebenen Mittel:

<!-- DEIN HEADER ODER DEIN FREIER BEREICH -->
<div style="width: 100%; height: 5px; border: 1px solid red; background-color: yellow;"></div>

Jetzt müsstest du dich nicht mehr mit dem   rumschlagen !

Nur so als Anmerkung :d

 

[anna55]

Funktioniert aber nicht mit einer td. Um auf   zu verzichten, könntest Du auch dem table-Tag ein

style="border-collapse: collapse;"

verpassen. Dann zeigt der IE auch den Rahmen an.

Edit: ...und ein einfaches height genügt.