Folgendes Problem...
Ich habe ein zentriertes Design, dieses besteht aus 3 hintergründen...ein fester background oben...ein in der Höhe variabler in der Mitte und ein fester unten.
Darüber sollen 2 Content Boxen liegen...die eine davon hat eine feste Höhe...die andere passt sich in der Höhe dem content an.
Diese Box soll über allen 3 backgrounds liegen und der mittlere background soll sich in der Höhe an der content Box anpassen.
Das „beste“ Ergebnis habe ich damit hinbekommen:
HTML:
CSS:
Die Content Box liegt leider nur über dem oberen und mittleren background. Unter der Content Box habe ich noch 200px vom mittleren background dann kommt der untere.
Es ist also viel zu viel Abstand nach unten...Hat das einer Verstanden? :-)
Viele Grüße und vielen Dank im Voraus
Yeremy
Ich habe ein zentriertes Design, dieses besteht aus 3 hintergründen...ein fester background oben...ein in der Höhe variabler in der Mitte und ein fester unten.
Darüber sollen 2 Content Boxen liegen...die eine davon hat eine feste Höhe...die andere passt sich in der Höhe dem content an.
Diese Box soll über allen 3 backgrounds liegen und der mittlere background soll sich in der Höhe an der content Box anpassen.
Das „beste“ Ergebnis habe ich damit hinbekommen:
HTML:
Code:
<body>
<center>
<div id="rahmen">
<div id="bg-oben"></div>
<div id="bg-mitte">
<div id="navi">
<? include("nav.inc.php"); ?>
</div>
<div id="box">
<div id="box-oben"><img src="img-hit/box-oben.gif"></div>
<div id="box-mitte">
<div id="content">
<? include("content.inc.php"); ?>
</div>
</div>
<div id="box-unten"><img src="img-hit/box-unten.gif"></div>
</div>
</div>
<div id="bg-unten"></div>
</div>
</center>
</body>CSS:
HTML:
#rahmen { width: 730px; : 80px 0 0 0; height:100%; text-align: left; }
#bg-oben { background: url(/img-hit/bg-oben.jpg) no-repeat; height:433px; }
#bg-mitte { background: #000000 url(/img-hit/bg-mitte.jpg) repeat-y; }
#bg-unten { background: url(/img-hit/bg-unten.jpg) no-repeat; height:466px; }
#navi { text-align: left; position: relative; left: 40px; top:260px; width: 184px; }
#box { filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; text-align: left;
position: relative; left: 250px; top:150px; width: 436px; }
#box-mitte { background: url(/img-hit/box-mitte.gif) repeat-y; }
#content { padding: 0 10px 10px 20px; }Die Content Box liegt leider nur über dem oberen und mittleren background. Unter der Content Box habe ich noch 200px vom mittleren background dann kommt der untere.
Es ist also viel zu viel Abstand nach unten...Hat das einer Verstanden? :-)
Viele Grüße und vielen Dank im Voraus
Yeremy
