Rahmen um Bilder mit PHP

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:

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;
    } 


aufrufen tu ich die Funktion z. B. so:

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

Oh mein Gott...

alleine der Satz "Das generieren des Rahmens funktioniert beim Safari Browser und beim Firefox."

1. Grundlagen
2. hat nix mit PHP zu tun
3. zum HTML markup sag ich ma nix.

gehört auf jeden fall nich ins PHP-Forum sondern unter HTML, CSS, ...

Original geschrieben von Click
Oh mein Gott...

alleine der Satz "Das generieren des Rahmens funktioniert beim Safari Browser und beim Firefox."

Was ist an dem Satz so schlimm? Wie du ja bemerkt hast, ist es kein PHP Problem, sodass wir nicht von Browser-unabhängig sprechen können und somit das ganze i.O. geht

@ TS: Kannst du mal den ausgegeben Quelltext onlinestellen? (Testseite)

mfg
ps: lies dir bitte die regeln durch -> scrollbar

img { display: block; }

http://www.dodabo.de/html+css/img-table/

ich verschieb es mal ins richtige forum.

peter

EDIT:

---

ups, schon geschehen

---

Hallo, mit "img { display: block; }" hats funktioniert!

Ich denke der ausgegebene Quelltext ist jetzt nicht mehr nötig.

Vielen Dank für die schnelle Hilfe!

Mit freundlichen Grüßen
SimonK