Tabelle mit 1px Zeile?

phunkydizco

Versuche schon seit längerem im FF eine Tabelle mit einer 1px Zeile darzustellen. Im IE funktioniert das wunderbar. So hab ich das gemacht:

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
	<head>
		<title>Table</title>
	</head>
	<body>
		<table>
			<tr>
				<td>
					<p>Hier steht Text.</p>
				</td>
			</tr>
			<tr>
				<td height="1px" bgcolor="black"></td>
			</tr>
			<tr>
				<td>
					<p>Hier steht Text.</p>
				</td>
			</tr>
		</table>
	</body>
</html>

Alles anzeigen

Wie kriege ich das hin?

Dr. Evil

1. Layout-Tabellen sind böse
2. versuche mal ohne "px", das hat nur in CSS was zu suchen

phunkydizco

1. Wieso? Eine kleine Erklärung wäre hilfreich.
2. Geht auch nicht.

bugcatcher

1.) Such mal im Internet nach "barrierefreies Webdesign".
2.) Liegt am unterschiedlichen BoxModel (IE verwendet ein falsches)
Du gibts das cellpadding nicht an, daher wird der defaultwert benutzt. Durch IEs falsches Boxmodel-System wird das Padding durch das Height aber übergangen. Mozilla und Opera übergehen das Padding aber nicht.
Setz cellpadding auf 0, dann sollte es gehen.
http://www.fabrice-pascal.de/artikel/ie5boxmodel/

JonHa

1. Weil in Tabellen Tabellarische Daten gehören und keine Webseiten. Die HTML-tags sollten nur Infos über den Art des Inhaltes angeheb wie <h1> für überschrift, <strong> für wichtiges, <ul> für Listen usw. In ne Tabellen gehören demnach nur Tabellarische Daten und zum Beispiel keine Navigationsleisten oder Abstände. Für eine horizontale Linie nimmt man bestenfalls <hr>.

2. Dein Beispiel geht bei mir übgrigens, mit der Kleinen einschränkung, dass die Linie 2px hoch ist, vielleicht wegen padding oder so...

Dr. Evil

1: ich klatsche einfach mal ganz lieblos diese Links hin: http://www.hessendscher.de/benefits/index07.htm http://de.selfhtml.org/css/layouts/einfuehrung.htm http://de.selfhtml.org/html/tabellen/layouts.htm

2: tja, dann kann ich dir nicht helfen, hab schon lang keine Tabelle mehr vergewaltigt...

edit: VIEL zu spät

UliBär

So sollte das gehen:

Code

<table cellpadding="0">
	<tr>
		<td>
			<p>Hier steht Text.</p>
		</td>
	</tr>
	<tr>
		<td height="1" bgcolor="black"></td>
	</tr>
	<tr>
		<td>
			<p>Hier steht Text.</p>
		</td>
	</tr>
</table>

Alles anzeigen

Beachte das cellpadding Attribut!

[edit] oooch Mensch... wozu mach' ich mir die ganze Arbeit?
bugcatcher: Super Erklärung! :klasse:

phunkydizco

Besten Dank. Das mit dem cellpadding=0 hat geholfen.