Höhe des Hintergrundbildes an die Höhe des divs anpassen

[thea]

Hallo,

ich habe 2 inaneinder verschachtelte divs. Das äußere div hat ein Hintergrunfbild
HTML:

<div class="body">
   <div class="content">
         <p>Hier stehen die Infos</p>
  </div>
</div>

CSS:

.body{
background:url(body2.gif);
background-repeat: no-repeat;
padding-left:20px;
padding-top:10px;
padding-right:20px;
color:#FFFFFF;
width:610px;
margin-left:30px;
padding-bottom:10px;
border:5px solid #FF0000;
}
.content{
border:2px solid #FF0000;
background:transparent;
width:100%;
padding-bottom:10px;
}

Meine Frage:
Wie kann ich die Höhe vom Hintergrundbild an die Höhe des äußeren divs anpassen? Wenn das innere div grösser wird, passt sich das äußere an(habe das mit Rahmen ausprobiert), aber die Höhe des Hintergdundbilds bleibt leider unverändert.

Wie kann man das lösen?

Danke!!!

 

[koslowski]

Hi,

Faux Columns Technik sollte das Mittel deiner Wahl sein.;)

koslowski

 

[Efchen]

Hallo,

ich weiß nicht, ob es bei Deiner Frage um eine Layoutfrage ging, wie koslowski vermutet hat. Wenn nicht, lautet die Antwort:
Du hast ein Hintergrundbild, das Du nicht kachelst. Dann ist das Hintergrundbild immer nur so groß, wie das Bild eben groß ist, denn Hintergrundbilder können nicht gestreckt werden. Wenn Du willst, dass sich das Hintergrundbild der Größe des Blocks anpasst, musst Du das "no-repeat" rausnehmen.

Gruß,
-Efchen