lakul: Bilderrahmen automatisch an Bild anpassen

Beitrag lesen

Hallo!

Ich habe eine Seite auf der Bilder unterschiedlicher Größe angezeigt werden. Um die Bilder herum soll es einen Bilderrahmen geben, der sich dann immer automatisch an die Bilder anpasst.

Zur Zeit bin ich soweit:

Inhalt der css Datei

div#Rahmenpic-index2 {  
 position: absolute;  
 top: 220px;  
 left: 315px;  
 height: 175px;  
 width: 233px;  
 z-index:8;  
 overflow: auto;  
  }  
  
div#Rahmenpic2 {  
 position: absolute;  
 top: 232px;  
 left: 326px;  
 height: 149px;  
 width: 206px;  
 z-index:9;  
 overflow: auto;  
  }

Inhalt der Datei wo das Bild und der Rahmen angezeigt werden sollen:

<div id="Rahmenpic"><img src="images/rahmen.jpg" width="230" height="173">  
  
<div id="Rahmenpic2">[code lang=php]<?php  
$fp = fopen("test.txt","r");  
if ($fp)  
{  
while(!feof($fp))  
{  
$text = fgets($fp);  
echo "<img src=\"http://url.de/bild/userimage/$text\" width=\"206\" height=\"149\" >";  
}  
fclose($fp);  
}  
?>
~~~</div></div>[/code]  
  
Hier sind die beiden DIV Bereiche jetzt miteinander verschachtelt. Nur ist es so, dass der Bereich Rahmenpic2 jetzt unter den Bereich Rahmenpic rutscht.  
Also meine Frage, wie kann ich es realisieren, dass sich das Bild rahmen.jpg an das Bild anpasst und das das Bild vor allem über dem Rahmen liegt, das ginge ja jetzt nur, wenn ich die beiden Bereiche DIV Bereiche voneinander trenne.  
  
Ich hoffe mir kann einer helfen.  
  
Vielen Dank im Voraus  
  
Viele Grüße  
  
lakul