Im IE6 wird es richtig angezeigt, im Firefox nicht / IE ok, FF not

[john999]

Hallo,

ich habe einen kleinen Grafikschutz per Template eingefügt.
D.h. das Bild ist der Hintergrund einer Tabelle und davor liegt eine 1x1Pixel Grafik.

Es funktioniert soweit alles ganz gut - beim IE. Nur bei Firefox wird die Höhe des Bildes {height} nicht für die Ausmaße der Tabelle übernommen. Daraus resultiert ein gekachelter Hintergrund. Dies passiert aber nur bei Bildern, die breiter sind als hoch.

Ich hab das Gefühl es ist nur ne Kleinigkeit, aber ich komm einfach nicht drauf

Hier mal ein Auszug aus meiner details.html (Template):

Code: [Select]

<table CELLSPACING=0 CELLPADDING=0 WIDTH="{width}" HEIGHT="{height}">
<tr><td BACKGROUND="http://***/4images/data/media/{cat_id}/{image_file_name}">
<img SRC="http://***/4images/image.gif" height="100%" width="100%">
</td></tr></table>


    {if admin_links}<br />{admin_links}<br />{endif admin_links}
<br><center><b><i>Das Bild kann nicht per Rechtsklick gespeichert werden, sondern nur über den Download-Button!</center></b></i>
    <br />{lightbox_button}&nbsp;&nbsp;{postcard_button}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{download_button}&nbsp;&nbsp;{download_zip_button}


[john999]

Schade dass mir bisher keiner geholfen hat. Ich bin inzwischen durch Zufall auf die Lösung gekommen.
Falls andere das selbe Problem haben, hier die Lösung.

Hab es über CSS Styles gelöst, das zeigen Firefox und IE6 gleich und richtig an *freu*

Code: [Select]

<table CELLSPACING=0 CELLPADDING=0>
<tr><td style="width:{width}; height:{height}; background-image:url(http://***/4images/data/media/{cat_id}/{image_file_name})">
<img SRC="http://***/4images/image.gif" height="100%" width="100%">
</td></tr></table>