div über mehrere divs

Yeremy · #1 (**permalink**) 09.07.2008, 11:11

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:

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:

Code:

#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

yggdrasil · #2 (**permalink**) 09.07.2008, 11:43

Zitat:

Zitat von Yeremy

Es ist also viel zu viel Abstand nach unten...Hat das einer Verstanden?

Haha Nein xD^^

Yeremy · #3 (**permalink**) 09.07.2008, 12:03

Zum besseren Verständnis:

die bg-mitte Grafik ist 1px hoch und soll sich in der Höhe anpassen

bg-oben und bg-unten haben feste px angaben

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Fragen zu CSS und Joomla	DOKTOR	CSS	2	23.05.2011 20:29
Brauche Hilfe: Schwarzes Nichts	Zwox	CSS	10	19.11.2010 17:53
Header entfernen	tripple	CSS	17	15.06.2010 16:41
Schriftfarbe in den Eintragungsfeldern von jforms	Steveislucky	CSS	2	16.03.2010 11:59
CSS Text nebeinander?	carstiee09	CSS	13	13.11.2009 20:18