zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Container verschoben UNTER anderen Container setzen.

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 15.08.2009, 00:21
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.08.2009
Beiträge: 3
Flux befindet sich auf einem aufstrebenden Ast
Standard 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;
}
HTML
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>
Angehängte Grafiken
Dateityp: jpg layout.jpg (5,8 KB, 5x aufgerufen)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 15.08.2009, 07:59
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 14.03.2007
Ort: Bad Schmiedeberg
Beiträge: 1.395
regloh wird schon bald berühmt werden
Standard

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
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 07:48 Uhr.