nicht angemeldet
DOCTYPE-Angabe verzerrt Tabellenhöhe
Hallo!
Ich habe folgendes Problem unter Netscape und Mozilla.
Ich habe ein Tabellengerüst mit Inhalt. Der Inhalt sollte am oberen Rand der Tabelle ohne Abstand stehen. Unter IE kein Problem. Unter Netscape ist es nur dann kein Problem, solange man keinen DOCTYPE angibt. Sobald ein DOCTYPE angegeben wird (ich nutze XHTML 1.1) wird ein Abstand (ca. 15 Px) zum oberen Tabellenrand dargestellt.
Hier ein vereinfachter Quelltext, der das Problem darstellt.
Die Texte sollten eigentlich ohne Abstand am oberen Rand der roten Tabelle stehen. Das tun sie unter Netscape (ich nutze 7.1) und Mozilla aber nur, wenn man den DOCTYPE löscht:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<style>
table {
padding:0px;
margin:0px;
border-spacing:0px;
border-collapse:collapse;
border:none;
}
td {
text-align:left;
vertical-align:top;
padding:0px;
}
</style>
<head>
</head>
<body class="rot" onload="blinker()">
<table style="width:400px; height:200px; background-color:red">
<tr>
<td>
<p>Text1</p>
</td>
</tr>
<tr>
<td>
<p>Text2</p>
</td>
</tr>
</table>
</body>
</html>
-
Hallo,
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
hier fehlt <head> und <title> Titel </title>
<style>
richtig wäre <style type="text/css">
table {
padding:0px;
margin:0px;
border-spacing:0px;
border-collapse:collapse;
border:none;
}td {
text-align:left;
vertical-align:top;
padding:0px;
}hier fügst du p {margin:0; padding:0;} ein
</style>
<head>
<head> kann hier weg
</head>
</head> bleibt hier, der Rest ist ok
mfg NAG
--
signatur