nicht angemeldet
Hallo ihr,
hab das forum gerade beim googeln nach nem problem gefunden, und stell meine frage gleich mal hier.
Erst mal etwas allgemeiner:
Wenn ich in ne Tabellenzelle passgenau ein Bild einfügen will (höhe & breite stimmen mit der Zelle exact überein), macht der IE bei mir immer über oder unter dem Bild einige Pixel weissen Rand => die Tabelle verzerrt es.
Bis jetzt hab ich das immer folgendermassen gelöst:
Mir ist aufgefallen, dass dieses Verhalten nicht auftritt wenn ich folgendermaßen ein align einbinde:
<img src='' alt='' style='vertical-align:bottom'>
Dadurch bekomme ich auch im IE das gewünschte ergebnis.
Allerdings bei folgendem Code-Fragment funktioniert es bei mir nicht:
<table cellspacing=0 cellpadding=0>
<tr>
<td height=5 width=465 bgcolor='#ff0000'>
<img src='grey-thin.jpg' style='vertical-align:bottom'>
</td>
</tr>
<tr>
<td height=110 width=465 bgcolor='#bebebe' style='vertical-align:top'>
<span>Blindtext</span>
</td>
</tr>
</table>
Was soll rauskommen?
Ein dünner Balken 465x5 pixel als image, und direkt darunter ein graues Feld mit nem darin enthaltenen Text.
Die Tabelle soll insgesamt 465x115 Pixel abmessungen haben.
=> Verhalten leider: Die erste Tabellenzeile wird auf ca. 20 Pixel Höhe ausgedehnt. Sieht man am roten Hintergrund, den ich zu debug-Zwecken eingebaut habe.
Wäre für Hilfe ausserordentlich dankbar
Gruß,
Florian Bachmann
Bild, und dieses Codebeispiel sind online unter:
www.cip.ifi.lmu.de/~bachmann/html-hilfe/index2.html
www.cip.ifi.lmu.de/~bachmann/html-hilfe/grey-thin.jpg