nicht angemeldet
DOCTYPE verursacht Darstellungsfehler bei <IMG> unter Mozilla
Ich habe noch ein Problem mit CSS, Mozilla und der DOCTYPE-Angabe.
Sobald ich den DOCTYPE in einem Dokument angebe, setzt Mozilla einen Abstand unter alle <IMG>. Unter dem IE gibt's da kein Problem.
Normale Textangaben werden korrekt dargestellt. Beide Angaben (Texte und Bilder) stehen innerhalb von <p></p>.
Hier der Quelltext:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<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;
}
p {
margin:0px;
padding:0px;
}
img {
border:none;
margin:0px;
padding:0px;
}
</style>
<body>
<table style="width:400px; height:150px; background-color:red">
<tr>
<td>
<p><img src="x.gif" width="400" height="150" alt="" /></p>
</td>
</tr>
<tr>
<td>
<p><img src="x.gif" width="400" height="200" alt="" /></p>
</td>
</tr>
<tr>
<td style="background-color:green">
<p>text</p>
</td>
</tr>
</table>
</body>
</html>
-
Sup!
Bullshit. Lies das Archiv.
Mit "transitional" geht's, bei strict positioniert der Mozilla die Bilder standardgerecht an der s.g. font baseline, der Linie, unter der die Unterlaengen (also die Schneubbel von gqy etc.) liegen. Deshalb bleibt ein Stueckchen Platz darunter, aber das ist vollkommen korrekt.Falsch ist, was der IE macht (wie fast immer).
Gruesse,
Bio
--
Elite ist mein zweiter Vorname -
Jo, hatte das Prob auch vorn paar Tagen :)
Was der Mozilla macht, ist korrekt.
Möglichkeit 1:
display:block;Möglichkeit 2:
(gefällt mir besser)
img.lo {border:0;vertical-align:bottom;} /* "layout", no gaps in Mozilla */Gruß, Caliga