Hallo,
ich versuche jetzt schon seit einer Ewigkeit, folgendes hin zu bekommen:
Ich würde gerne ein Bild als Hintergrund (absolut gesehen Zentriert), welches sich immer wieder solange wiederholt, bis der Text zu ende ist (den lade ich per php rein, ist also nicht Statisch).
Eigendlich sollte man ja annehmen das ein div immer mindestens so lang ist, dass auch der längste Inhalt noch komplett reinpasst.
(darin ist noch ein div).
Ich habe folgendes Konstrukt:
Code:
<div id="imBody">
<div id="imContent">
<div id="imPage">
<div id="imCell">
<div id="imCell_Cont">
<div id="imTxt">
<!--textextextextextext-->
</div>
</div>
</div>
</div>
</div>
</div>
Die einzelnen Divs sehen so aus:
Code:
#imBody {background-image:
url('content.png'); background-repeat: repeat-y; margin: 5px auto; margin-top:0px; margin-bottom:0px; width: 984px; background-position: left top;}
#imCell {position: absolute; top: 0px; left: 30px;width: 804px; overflow: hidden; }
#imPage {position: relative; min-height: 500px; }
#imTxt {padding: 0px; }
#imContent {width: 815px; float: left; margin-top: 8px;}
#imCell_Cont {overflow: hidden; }
Nur wird so, obwohl der Text länger ist, der Hintergrund (#imBody) nicht länger, nichtmal so wie es bei #imPage als min-Wert steht...
Nun stellt sich mir die Frage: Was mache ich Falsch?
Gruß Teekeks
Edit: siehe 3 Zeilen weiter oben...