Häßlicher Rand unterm Bild bei TD (Internet Explorer)
Tommy
- html
0 Zeromancer0 Tommy0 Zeromancer0 Tommy
0
Der Martin
0 Tommy0 CarstenP
Hallo Leute,
ich habe beim Internetexplorer ein Problem das ich beim FireFox nicht habe.
Folgendes Konstrukt habe ich:
<html>
<body bgcolor="black">
<table bgcolor="#ffffff" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src=images/klick/2.jpg border=0>
</td>
</tr>
</table>
<body>
</html>
Unter dem Bild wird beim IE6 ein weißer Rand angezeigt (bgcolor der Tabelle) Ich kann mir nicht erklären wieso der da überhaupt ist. Beim FF ist nichts zu sehen. Wie bekomme ich den weg?
Ach ja, die Tabelle muss sein, ist eigentlich nur ein Auszug aus einem Dynamischen Projekt. Manchmal steht eben ein Bild in einer
Zelle alleine rum.
Danke euch!!!!!
Tommy
Hallo Tommy,
Folgendes Konstrukt habe ich:
<html>
<body bgcolor="black"><table bgcolor="#ffffff" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src=images/klick/2.jpg border=0>
</td>
</tr>
</table>
<body>
</html>
hast du den Fehler auch noch, wenn du eine korrekte HTML aufrufst sowie sämtliche padding und margin für den body mittels CSS auf "0" setzt?
http://de.selfhtml.org/css/eigenschaften/randabstand.htm
http://de.selfhtml.org/css/eigenschaften/innenabstand.htm
Mit freundlichen Grüßen,
André
Hallo Andre,
ja leider auch. Hat nichts genützt. Ich denke das ist ein IE Problem..(?) Siehe: (und Danke für Deine Antwort)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Test</title>
<style type="text/css">
body { margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
}
</style>
</head>
<body bgcolor=black>
<table bgcolor="#ffffff" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src=images/klick/2.jpg border=0 >
</td>
</tr>
</table>
</body>
</html>
Hallo Tommy,
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Test</title>
<style type="text/css">
body {
margin:0px;
padding:0px;
background:#000;
}
img {
border:0px;
}
table {
background:#fff;
}
</style>
</head>
<body>
<table>
<tr>
<td>
<img src=images/klick/2.jpg border=0 >
</td>
</tr>
</table>
</body>
</html>
bringt rings um das Bild einen "weißen Rahmen". Schließlich ist die Tabelle ja auch noch da.
Mit freundlichen Grüßen,
André
Hallo Andre,
hat sich erledigt. (Siehe 'oben').
Danke nochmals!
Tommy
Hallo Tommy,
Unter dem Bild wird beim IE6 ein weißer Rand angezeigt (bgcolor der Tabelle) Ich kann mir nicht erklären wieso der da überhaupt ist.
das ist ein uralter Hut. Der IE sieht Text (nämlich Whitespaces), wo du eigentlich keinen haben willst.
Schreib mal das hier:
<td>
<img src=images/klick/2.jpg border=0>
</td>
alles ohne Leerzeichen in ein Zeile, also so:
<td><img src=images/klick/2.jpg border=0></td>
Dann klappt's auch mit dem IE. ;-)
So long,
Martin
Hallo Martin,
Juchuu! So ein blöder Hund. :-) Danke Mann!
Tommy
Hallo Tommy,
nur der Vollständigkeit halber noch ein paar kleine Ergänzungen:
Es ist ein Fehlverhalten des Internet Explorers, einen Unterschied in der Darstellung zu machen, wenn einmal die Zeilenumbrüche im Quellcode vorhanden sind und einmal nicht. Aber paradoxerweise führt dieses Fehlverhalten dazu, daß sich der IE in Deinem Fall doch korrekt verhält. Bilder liegen als Inline-Elemente per default auf der Basislinie. Die Lücke die Du siehst, ist also der für die Unterlängen von Buchstaben wie g,j, y reservierte Platz.
Im Firefox siehst Du diese Lücken nicht, weil Du mit Deinem Doctype "nur" in den "Almost Standards Mode" schaltest. Bei Verwendung des "Full Standards Mode" wären diese Lücken auch in Firefox, Opera und Co. zu sehen (und zwar generell, egal, ob der Zeilenumbruch im Quelltext nun vorhanden ist oder nicht).
Wenn Du genaueres wissen willst, dann wäre "seltsame Lücken" ein geeignetes Futter für Google ... ;-)
Viele Grüße
Carsten