Hintergrund bild passt sich vorderbild an

[Dashu]

hallo
ich hab da so ein problem

ich möchte das sich mein hintergrund bild dem darauf liegendem bild anpasst, das automatisch.
"vorderes bild größer hinteregrund dann auch"

ich hab das so gemacht nur das problem daran ist wenn das vorderbild größer ist als der hintergrund ragt das vorderbild über den hintergrund hinaus

und umgekert ist es so wenn das vorderbild kleiner ist als der hintergrund dann verschwindet ein teil vom hintergrund.

so hab ich das gemacht:

  
  
<style type="text/css">  
.bildschatten {  
 background:url(bildschatten.png) bottom left no-repeat;  
 width:auto; height:auto;  
 padding: 10px 10px 40px 26px;  
}  
  
  
</style>  
  
  
  
<img class="bildschatten" src="<? echo "$bild[$s]"; ?>" width="<? $breite ?>" height="<? $hoehe ?>" alt="bild"></img>  
  

[Beat]

so hab ich das gemacht:

<style type="text/css">
.bildschatten {
background:url(bildschatten.png) bottom left no-repeat;
width:auto; height:auto;

width und height bezeichnen die Ausdehnung der Box und haben keinen Einfluss auf die Skalierung eines Hintergrundes.
Eine Skalierung von background Images ist erst in CSS3 vergesehen.

padding: 10px 10px 40px 26px;
}
</style>
<img class="bildschatten" src="<? echo "$bild[$s]"; ?>" width="<? $breite ?>" height="<? $hoehe ?>" alt="bild"></img>

  
Bildschatten werden in der Regel durch mehrere Bildelemente gebildet.  
  
mfg Beat

-- 

><o(((°>           ><o(((°>  

   <°)))o><                     ><o(((°>o  
Der Valigator leibt diese Fische

[Dashu]

ich hab den bildschatten auf ein bild gemacht. gibst es den nicht vielleicht eine andere Methode wo man für das erste bild ein hintergrund machen kann

[Dashu]

<style type="text/css">
.bildschatten {
background:url(bildschatten.png) bottom left no-repeat;
width:auto; height:auto;
padding: 10px 10px 40px 26px;
}

ich hab das jetzt mit php und einer tabelle einigermassen hinbekommen nur hab ich jetzt festgestellt das der ie den befehl pedding nicht erkennt der fox alerdings schon woran kann das liegen oder kann man ein anderen befehl geben wie weit er sich von dem tabellenrand vernhalten soll?

mfg
dashu

[Beat]

<style type="text/css">
.bildschatten {
  background:url(bildschatten.png) bottom left no-repeat;
  width:auto; height:auto;
  padding: 10px 10px 40px 26px;
}

ich hab das jetzt mit php und einer tabelle einigermassen hinbekommen nur hab ich jetzt festgestellt das der ie den befehl pedding nicht erkennt der fox alerdings schon woran kann das liegen oder kann man ein anderen befehl geben wie weit er sich von dem tabellenrand vernhalten soll?

Muss es eine Tabelle sein?
Nicht jedes Tabellenelement kennt eine padding-Eigenschaft.

Ich kenne die Art deines Schattens nicht.
Wenn er nach links und nach oben nicht schön ausfaded,
bist du jetzt auf eine fixierte Grösse angewiesen.
Das ist ungünstig mit einer Tabelle, da du unter Umständen Scrollbars brauchst, die für Tabellen nur mangelhaft unterstützt werden.

mfg Beat