Firefox fügt automatisch unteren Abstand bei Bild ein
*jiriki*
- css
Hi Leute,
sowas bin ich ja ehrlich gesagt gar nicht gewöhnt: Der IE stellt was richtig dar, und der Firefox ist eigenwillig. Verkehrte Welt?
Ich schreibe in XHTML 1.1 und hab in meinem CSS standartmäßig padding, margin und border für die Tags TABLE, TD, IMG auf 0 gesetzt. Jetzt seh ich beim Einfügen eines Bildes, dass Firefox automatisch einen 2-3px breiten Rand nur unten an das Bild anfügt. Der IE macht das nicht, und wenn ich statt dem Doctype XHTML1.1 den HTML4.01 Transitional verwende, dann macht der Firefox auch keine Probleme.
Wie kann ich das Problem Firefox-XHTML1.1-UntererBildabstand lösen?
Auf meiner Internetrechercher bin ich auf ein analogen Fall gestoßen, wo jedoch das Phänomen beim IE entdeckt wurde, und nicht beim Firefox. Da haben die das dann mit margin-bottom:-3px gelöst, doch wenn ich das mache, wird mir beim IE was vom unteren Bildrand abgeschnitten, was auch nicht Sinn der Sache ist.
Meine Firefox-Version ist 0.9.3. Mein IE 6.1.
Greets, *jiriki*
P.S.: War begeistert, wie viele sich gestern an der Diskussion mit den n Matrosen beteiligt ham!
Morgen NAG..
..wenn sich das Bild in einer Tabelle befindet, dann überprüfe mal ob du in der Formatierung "Leerzeichen" hast??
...
<td>
<img ....>
</td>
...
Das führte bei mir zu dem gleichem Problem...
gruß
zerko
Morgen....
..wenn sich das Bild in einer Tabelle befindet, dann überprüfe mal ob du in der Formatierung "Leerzeichen" hast??
sag das jiriki ;)
du hast recht, das ist eine weitere mögliche ursache.
<td>
<img ....>
</td>
und um das noch zu komplettieren sei erwähnt, dass auch zeilenumbrüche vermieden werden sollten.
<td><img ...></td>
http://www.tiptom.ch/homepage/faq.html?q=tdimg
mfg NAG
Danke für den hilfreichen tip: Mit img { display:block; } gehts. Leerzeichen und sowas hab ich nicht drinne gehabt.
Grüßle, *jiriki*