[FONT=Times New Roman][SIZE=3]Folgendes Problem…[/SIZE][/FONT]
[FONT=Times New Roman][SIZE=3]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.[/SIZE][/FONT]
[FONT=Times New Roman][SIZE=3]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. [/SIZE][/FONT]
[FONT=Times New Roman][SIZE=3]Diese Box soll über allen 3 backgrounds liegen und der mittlere background soll sich in der Höhe an der content Box anpassen.[/SIZE][/FONT]
[FONT=Times New Roman][SIZE=3]Das „beste“ Ergebnis habe ich damit hinbekommen:[/SIZE][/FONT]
[FONT=Times New Roman][SIZE=3]HTML:[/SIZE][/FONT]
<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>[SIZE=3][FONT=Times New Roman]CSS:[/FONT][/SIZE]
[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; }
[/html]
[FONT=Times New Roman][SIZE=3]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.[/SIZE][/FONT]
[FONT=Times New Roman][SIZE=3]Es ist also viel zu viel Abstand nach unten…Hat das einer Verstanden? :-)[/SIZE][/FONT]
[FONT=Times New Roman][SIZE=3][FONT=Times New Roman]Viele Grüße und vielen Dank im Voraus[/FONT][/SIZE][/FONT]
[FONT=Times New Roman][SIZE=3][FONT=Times New Roman]Yeremy[/FONT][/SIZE][/FONT]
