✔ Div Positionierung

[hagbard_celine]

1. Wie kann ich einen Div mit der Größe von zB. 950px * 600px, horizontal und vertikal zentrieren?
2. Wie kann ich in diesem Div dann weitere Divs relativ zum übergeordneten Positionieren?

 

[Gumbo]

Ein Beispiel:

<div id="wrap">
	<div id="x1">x1</div>
	<div id="x2">x2</div>
	<div id="x3">x3</div>
	<div id="x4">x4</div>
</div>

#wrap {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 950px;
	height: 600px;
	margin-left: -475px;
	margin-top: -300px;
	background-color: #FE0
}
#x1 {
	position: absolute;
	top: 0;
	width: 100%;
	height: 10%;
	background-color: #F00;
}
#x2 {
	position: absolute;
	top: 10%;
	width: 20%;
	height: 20%;
	background-color: #0F0;
}
#x3 {
	position: absolute;
	top: 30%;
	left: 20%;
	width: 70%;
	height: 10%;
	background-color: #00F;
}
#x4 {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 10%;
	height: 60%;
	background-color: #F0F;
}