nicht angemeldet
Moin!
Ich hatte das ganze schon mal gepostet aber der Thread ist jetzt ziehmlich unübersichtlich geworden, also hier noch mal mein Problem:
Bei dem nachfolgenden HTML-Code wird unter Mozilla und IE6 der obere und untere Rand größer als 5px (wie im quelltext angegeben) dargestellt. Unter Opera 7 und IE 5.5 funktierts aber problemlos.
Das ganze passiert aber nur wenn ich den doctype (strict) drinlasse. Wenn ich keinene Doctype angebe funktioniert es. wenn ich transitional ohne adresse angebe funktioniert es auch. Ich möchte aber gerne die variante strict verwenden. Hat jemand eine Lösung dafür?
ciao, Peter
P.S.
Hier der CODE: (laut validator strict)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Tabellen Test</title>
<style type="text/css">
body { margin:0; padding:0; width:100%; height:100%; }
html { margin:0; padding:0; width:100%; height:100%; }
</style>
</head>
<body>
<table style="width:100%; height:100%" cellspacing="0" cellpadding="0" summary="test">
<tr>
<td style="background-color:black; height:5px;"><img src="11.gif" width="1" height="1" alt="transparenter Pixel"></td>
</tr>
<tr>
<td style="background-color:gray; vertical-align:middle; text-align:center;"> --MITTE-- </td>
</tr>
<tr>
<td style="background-color:black; height:5px;"><img src="11.gif" width="1" height="1" alt="transparenter Pixel"></td>
</tr>
</table>
</body>
</html>