Container vertikal zentrieren

Status
Nicht offen für weitere Antworten.

emonem

Erfahrenes Mitglied
Hi,

wie bekomme ich es hin das sich mein wrapper Container vertikal durch die ganze Page zieht? Die Breite des containers ist vorgegeben und dieser soll mittig auf dem Bildschirm erscheinen.
Habe folgenden code.

PHP:
html,body {
background-color:#F4F4F4;
height:100%;
margin: 0px;
padding: 0px;
border: 0px;
}


#wrapper {
margin: 0 auto;
background: url(_images/wrapperbg.jpg) repeat-y;
margin-top:0px;
margin-bottom:0px;
width: 628px;
}

Ich sehe nur den Hintergund.Habe rumprobiert aber finde den Fehler nicht.
Danke und Gruß
 
Zuletzt bearbeitet:
Weise die Hintergrundgrafik doch einfach dem body-Element zu. Oder habe ich dich falsch verstanden?
 
Hi,

der body hintergrund ist nicht das Problem.
Ich will das mein "wrapper" container mittig durch die ganze page verläuft.
Dieser ist 628px breit.
 
Okili - das hört sich jetzt an wie von hinten durchs Auge - aber versuch doch mal diese Lösung:

PHP:
#wrapper 
{ 
margin: 0px;
margin-left: -314px;

top: 0px;
left: 50%;

width: 628px;
height: 100%;

position: absolute;

background-color: red;
}

Das sollte eigentlich einen 628px breiten roten Streifen auf deinem Hintergrund platzieren.


cheerio,
anna
 
Erweitere den Selektor mit der CSS-Eigenschaft height:100%:

CSS:
#wrapper { 
margin: 0 auto; 
background: url(_images/wrapperbg.jpg) repeat-y; 
width: 628px; 
height: 100%;
}
 
Du könntest auch – wie schon teilweise erwähnt – mit dem so genannten Faux-Columns-Trick arbeiten und im Hintergrund des body-Elements eine Grafik einsetzen, die die Spalte grafisch abgrenzt.
 
Status
Nicht offen für weitere Antworten.
Zurück