nicht angemeldet
heigh:100% in Tabellen bei strict
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>
-
Hi!
Versuch mal den Zeilenumbruch beim <tr> weg zu lassen:
<tr><td style="background-color:black; height:5px;"><img src="11.gif" width="1" height="1" alt="transparenter Pixel"></td></tr>
Ansonsten kannst du dir die <tr> sparen, weil du einen 5px schwarzen Rand auch mit CSS definieren kannst:
<table style="border:none; border-top:5px solid black; border-bottom:5px solid black; ...">
Mit freundlichen Grüßen,
Michael Nagler-
Versuch mal den Zeilenumbruch beim <tr> weg zu lassen:
Geht leider immer noch net. :(
zum Border: Das bringt mir nichts, da das hier nur beispiel ist. meine richtige seite braucht wirklich präzise angaben..
Hat noch jemand eine Idee?
ciao, peter
-
Hi!
Habs mir nochmal genauer angeschaut - die obere und untere Zelle wird ja viel zu hoch dargestellt. Am einfachsten wär es, statt einer Tabelle DIVs zu verwenden:
<div style="position:absolute; top:0px; left:0px; width:100%;
height:5px; background-color:black;">
<img ... >
</div><div style="position:absolute; top:0px; left:0px; width:100%;
height:100%; vertical-align:middle; text-align:center">
-- MITTE --
</div><div style="position:absolute; bottom:0px; left:0px; width:100%;
height:5px; background-color:black;">
<img ... >
</div>Das sollte gehen...
Mit freundlichen Grüßen,
Michael Nagler-
Habs mir nochmal genauer angeschaut - die obere und untere Zelle wird ja viel zu hoch dargestellt. Am einfachsten wär es, statt einer Tabelle DIVs zu verwenden:
Es aber mit Tabellen funktionieren. Der Code hier ist nur ein verinfachtes Beispiel. Meine Seite funktioniert leider nur mit einer Tabelle...
Hat noch jemand eine Idee?
-
-
-
-
Hallo,
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?
Ich sag dir, ich habe wochenlang nach einer solchen Lösung gesucht, und dann doch transitional ohne Adresse genommen. Also mach dir nichts draus wenn du es nicht hinkriegst, dann wärst du nicht der einzige.
Grüße
<img src="http://www.jeenaparadies.it-pc.de/unterschrift.png" border="0" alt="">--
"Of course it does not work, but look how fast it is!"