nicht angemeldet
Hallo,
ich stehe immer wieder vor dem gleichen Problem.
Ein DIV Container mit Hintergrundbild (Runde Ecken) soll sich nach Inhaltsmenge immer automatisch nach unten erweitern. Dazu habe ich zwei DIVs verschachtelt.
Das äußere enthält das erste Hintergrundbild mit Position unten und das innere einen schmalen Bildstreifen mit den runden Ecken oben.
Die Hintergrundfarbe füllt den länger werdenden Bereich aus. Somit erhalte ich im IE eine schöne Box mit runden Ecken. Für den IE 6 musste ich allerdings dem inneren DIV height:1% geben, damit die Hintergrundgrafik oben angezeigt wird, ist wohl ein bekannter Bug.
Mein Problem ist nun, das ein eingefügtes Bild Im Firefox nicht den Hintergrund nach unten schiebt. Zu sehen ist das hier:
http://p50635.typo3server.info/shop/index1.php
Kann mir jemad sagen wie ich das Problem beheben kann?
Vielen Dank schon mal.
Das ganze wird als so realisiert:
<div id="content_body">
<div class="content_body_inner">
Text und ein IMG
</div>
</div>
#content_body {
background-image: url(contentBG_02.png);
background-repeat: no-repeat;
background-position: 0% 100%;
background-color: #c0b3a0;
}
#content_body .content_body_inner {
background-image: url(contentBG_01.png);
background-repeat: no-repeat;
background-position: 0% 0%;
height:1%;
}