|
|||
Container verschoben UNTER anderen Container setzen.
Hi,
Ich habe ein Layout in dem sich total 3 Container übereinander befinden. die obersten 2 sind dabei kein Problem. Jedoch soll sich der Hinterste horizontal wiederholen und vom oberen Rand 112px Abstand haben. Wenn ich dies mit "Padding 112px 0px 0px 0px" mache, bleibt er jedoch am ort und verschiebt alle anderen container um 122px nach unten. Warum dem so ist, ist mir ein Rätsel. Im Anhang eine vereinfachte Grafik des Layouts. Je heller der balken, desto weiter hinten ist der Container. Der Problematische ist dabei der hellste Container der, wie ihr seht, horizontal über den ganzen Bildschirm wiederholt wird. Ich bin dankbar um jeden Hinweis. mfg Flux CSS Code:
#main { width: 685px; height: 600px; margin: 0px auto; padding:0px; background-image:url(img/mainbg-rep.gif); background-repeat: no-repeat; } #bgline { padding: 112px 0px 0px 0px; background-image:url(img/bgline-rep.gif); background-repeat:repeat-x; height:122px; } #logo { height: 48px; padding: 112px 0px 0px 0px; text-align:center; } #header { height: 161px; padding:0px; text-align:center; } #nav { height: 47px; padding:0px; text-align:center; } #contenttitle { height: 43px; padding:0px; text-align:center; } Code:
<div id="bgline"> <div id="main"> <div id="main-start"> <div id="logo"><img src="img/logo.gif" width="647" height="48" alt="LogoSchriftzug" /></div> <div id="header"><img src="img/header.gif" width="647" height="161" alt="Header" /></div> <div id="nav"><img src="img/nav.gif" width="647" height="47" /></div> <div id="contenttitle"><img src="img/contentitle.gif" width="647" height="43" alt="ContentTitel" /></div> </div> </div> </div> |
Sponsored Links |
|
|||
Ich hoffe, ich habe das jetzt soweit richtig verstanden.
Tipp: Gib #bgline nicht nur die Höhe, die man eigentlich vom Hintergrund sieht. Sondern lege die anderen divs ganz normal in #bgline, sodass #bgline die divs komplett einschließt. Nun gibst du #bgline ein Hintergrundbild, was 112px hoch ist und lässt es horizontal wiederholen. Mittels background-position verschiebst du es einfach weiter nach unten. Hoffe, ich habe mich verständlich ausgedrückt |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Container ragen aus anderen heraus | Trikerdaniel | CSS | 4 | 05.03.2007 14:46 |
div container verschachteln | blau | CSS | 2 | 05.12.2006 20:44 |
Zwei Container in einen Großen, der mitwachsen soll. | Crizzo | CSS | 5 | 19.11.2006 15:31 |
Container läuft über anderen hinaus | patr1k | CSS | 2 | 29.12.2005 18:32 |
Objekte in einem anderen container platzieren ?? | twm | CSS | 7 | 31.03.2005 15:44 |