✔ Blöde HTML-Frage

[grkpfl]

Hallo!

Ich schlage mich immer und immer wieder mit folgendem Phänomen im IE rum:

<table cellspacing="1" cellpaddin="0" border="0" bgcolor="black">
<tr>
<td bgcolor="white">
    <img src="bild.jpg" border="0">
</td>
</tr>
</table>

Unter dem Bild ist ein 2-3 Pixel hoher Spacer... im Firefox ist der nicht da.
Was soll das? Wie kann ich das unterdrücken?

DANKE

 

[Markus Kolletzky]

Hallo,

Probier's mal damit ;-]

<table cellspacing="0" cellpadding="0" border="0" bgcolor="black"> 
<tr> 
<td bgcolor="white">
  <img src="bild.jpg" border="0"> 
</td> 
</tr> 
</table>

 

[Sven Mintel]

Mmmh..vielleicht eher so?

<table cellspacing="1" cellpadding="0" border="0" bgcolor="black"> 
<tr> 
<td bgcolor="white"><img src="bild.jpg" border="0"></td> 
</tr> 
</table>

...also die Whitespaces zwischen <td> und <img> herausnehmen.

 

[Dennis Wronka]

Warum eigentlich eine Tabelle fuer ein einziges Bild? Und dann auch noch mit Hintergrund-Farbe, die doch eh vom Bild ueberdeckt wird.
Ich wuerde einfach mal folgenden, vom Grundansatz abweichenden, Vorschlag unterbreiten:
Entweder: Einfach nur das Bild ausgeben, da ich mich zur Zeit wirklich frage was die Tabelle soll.
Oder, wenn denn das aus irgendeinem Grund in etwas mit einem schwarzen Hintergrund liegen soll, warum nicht einfach ein DIV?

<div style="background-color:#000000;"><img src="bild.jpg" border="0"></div>

Wenn Du bezwecken willst, dass Du einen z.B. 5 Pixel breiten schwarzen Rahmen um das Bild hast kannst Du das auch entweder so:

<div style="background-color:#000000;border:5px solid;"><img src="bild.jpg" border="0"></div>

oder so:

<div style="background-color:#000000;padding:5px;"><img src="bild.jpg" border="0"></div>

machen.

 

[Maik]

Wie Sven schon richtig andeutete, müssen im HTML-Quelltext die Leerzeichen bzw. Zeilenumbrüche zwischen dem td- und img-Element entfernt werden, damit der IE die Lücke schliesst.

Es gibt hierfür aber auch eine CSS-Lösung, die das Entfernen der sog. Whitespaces überflüssig macht:

td img {
display: block;
}

 

[grkpfl]

Hallo!

Also erstmal vielen Herzlichen Dank an euch, das "Problem" hat sich für mich dank euch geklärt.

Also natürlich ist so eine Tabelle Schwachsinn, hab diese nur so gemacht, damit ihr den Spacer auch sehen könnt, in sofern ihr diesen Code speichert und ausführt

Echt vielen Dank nochmal,
grkpfl