Design nachbauen

[Carmen]

Hallo,

Damit ist section.startsiete (ist der Tippfehler Absicht?) exakt so hoch wie das body-Element. Da das Element aber um die Höhe des Headers weiter unten anfängt, ragt es auch genau so weit über den sichtbaren Bereich hinaus.
Wenn das Hintergrundbild aber den gesamten Bereich überdecken soll, warum weist du es dann nicht einfach dem body-Element zu?

danke für deine schnelle Antwort. Ich habe es etwas umgebaut:

main {
	height:100%;
	width:100%;
}

.startseite {
	background-image:url(bg001.jpg);
	background-size:cover;
	height:100%;
	width:100%;
	background-position: 0 25%;
	font-weight: 300;
        color: #717171;
	padding: 8em;
}

Jetzt wird auch mein ganzer Bereich ausgefüllt: http://carmen-bplaced.bplaced.net/

section.startsiete (ist der Tippfehler Absicht?)

Nein, war keine Absicht, hab es verbessert :)

Wie willst du das denn mit Javascript erreichen? Ein einfaches text-align:center reicht, um den Text horizontal zu zentrieren. Oder liegt das Problem noch woanders?

Ich weiß es nicht. Möchte gerne den Text innerhalb der section von oben nach unten zentriert anzeigen, von links nach rechts sitzt er bereits zentriert.

EDIT: Hab hier: http://maurice-web.de/css-vertikale-zentrierung-unbekannter-hoehe/ ein gutes Beispiel gefunden und es funktioniert: http://carmen-bplaced.bplaced.net/

Sollte ich etwas besser machen immer raus damit :)