Tweet
Hallo, ich habe ein Problem mit dem Internet Explorer 
Und zwar möchte ich um einige Bilder auf einer Webseite einen Rahmen machen.
Dazu habe ich eine Tabelle erstellt, mit 5 Spalten und 5 Zeilen.
Das Bild sollte sich in der Mitte der Tabelle über 3 Spalten und 3 Zeilen erstrecken.
Die Breiten bzw. Höhen der Zellen sind fest definiert.
Damit ich die Tabelle nicht immer kopieren muss habe ich eine Funktion erstellt:
aufrufen tu ich die Funktion z. B. so:
Der Rahmen wird im Firefox und im Safari richtig dargestellt.
Im Internet Explorer (beides, 6 + 7) ist unter dem Bild jedoch ein farbiger Streifen, also der Rahmen liegt nicht am Bild an.
Ich hab schon einiges ausprobiert, komme jedoch leider nicht weiter.
Wäre schön wenn mir jemand helfen könnte.
MFG SimonK
Und zwar möchte ich um einige Bilder auf einer Webseite einen Rahmen machen.
Dazu habe ich eine Tabelle erstellt, mit 5 Spalten und 5 Zeilen.
Das Bild sollte sich in der Mitte der Tabelle über 3 Spalten und 3 Zeilen erstrecken.
Die Breiten bzw. Höhen der Zellen sind fest definiert.
Damit ich die Tabelle nicht immer kopieren muss habe ich eine Funktion erstellt:
PHP-Code:
function bild($pic_src, $pic_width, $pic_height, $pic_alt, $pic_title)
{
$pic_table_width = "$pic_width" + 10;
$pic_table_height = "$pic_height" + 10;
$pic_border_height = "$pic_height" - 10;
$pic_border_width = "$pic_width" - 10;
$pic_tabelle = "<table id='inner_table' width='$pic_table_width'
height='$pic_table_height' border='0' cellpadding='0' cellspacing='0' align='center'>
<tr height='5px'>
<td width='5px' height='5px'
style='background-image:url(design/rahmen/bilderrahmen/ecke_o_l.jpg);
background-repeat:no-repeat'>
</td>
<td width='5px'
style='background-image:url(design/rahmen/bilderrahmen/ol_o.jpg);
background-repeat:no-repeat'>
</td>
<td width='$pic_border_width'
style='background-image:url(design/rahmen/bilderrahmen/o.jpg);
background-repeat:repeat-x'>
</td>
<td width='5px'
style='background-image:url(design/rahmen/bilderrahmen/or_o.jpg);
background-repeat:no-repeat'>
</td>
<td width='5px'
style='background-image:url(design/rahmen/bilderrahmen/ecke_o_r.jpg);
background-repeat:no-repeat'>
</td>
</tr>
<tr height='5px'>
<td style='background-image:url(design/rahmen/bilderrahmen/ol_l.jpg);
background-repeat:no-repeat' height='5px'>
</td>
<td rowspan='3' colspan='3'>
<img src='$pic_src' title='$pic_title' alt='$pic_alt' width='$pic_width' height='$pic_height'>
</td>
<td style='background-image:url(design/rahmen/bilderrahmen/or_r.jpg);
background-repeat:no-repeat'>
</td>
</tr>
<tr height='$pic_border_height'>
<td style='background-image:url(design/rahmen/bilderrahmen/l.jpg);
background-repeat:repeat-y' height='$pic_border_height'>
</td>
<td style='background-image:url(design/rahmen/bilderrahmen/r.jpg);
background-repeat:repeat-y'>
</td>
</tr>
<tr height='5px'>
<td style='background-image:url(design/rahmen/bilderrahmen/ul_l.jpg);
background-repeat:repeat-y' height='5px'>
</td>
<td style='background-image:url(design/rahmen/bilderrahmen/ur_r.jpg);
background-repeat:repeat-y'>
</td>
</tr>
<tr height='5px'>
<td height='5px' style='background-image:url(design/rahmen/bilderrahmen/ecke_u_l.jpg);
background-repeat:no-repeat'>
</td>
<td style='background-image:url(design/rahmen/bilderrahmen/ul_u.jpg);
background-repeat:no-repeat'>
</td>
<td style='background-image:url(design/rahmen/bilderrahmen/u.jpg);
background-repeat:repeat-x'>
</td>
<td style='background-image:url(design/rahmen/bilderrahmen/ur_u.jpg);
background-repeat:no-repeat'>
</td>
<td style='background-image:url(design/rahmen/bilderrahmen/ecke_u_r.jpg);
background-repeat:no-repeat'>
</td>
</tr>
</table>";
return $pic_tabelle;
}
PHP-Code:
$bild_mit_Rahmen = bild("pfad_zum_bild/01.jpg", "400", "300", "Alt Text", "Titel Text");
Der Rahmen wird im Firefox und im Safari richtig dargestellt.
Im Internet Explorer (beides, 6 + 7) ist unter dem Bild jedoch ein farbiger Streifen, also der Rahmen liegt nicht am Bild an.
Ich hab schon einiges ausprobiert, komme jedoch leider nicht weiter.
Wäre schön wenn mir jemand helfen könnte.
MFG SimonK
Moderator
Kommentar