Séparation horizontale en deux parties égales

Bonjour,

j'aimerais séparer horizontalement ma page en deux parties égales.

Pour cela, j'ai donc créé deux div haut et bas et j'ai position leur hauteur à 50% :

Code HTML

	<div id="haut">
		contenu haut
	</div>
	<div id="bas">
		contenu bas
	</div>

Code CSS :

#haut{
	height:50%;
	background-color:white;
}

#bas{
	height:50%;
	background-color:red;
}

Mais ca ne fonctionne pas, connaissez-vous une méthode pour faire cela ?

Merci beaucoup d'avance de vos réponses.

tu dois mettre une taille pour tes div sinon ça marchera pas

C'est à dire une taille ?
Je veux que ca occupe la moitié en hauteur, donc j'ai mis 50% pour chacun des div, je ne comprends pas votre remarque, pouvez vous préciser ?

Au cas où ce n'était pas clair, je voudrais que la page reste séparée en deux parties 'haut' et 'bas', même quand je la redimensionne.

PS : en fait, j'ai trouvé une solution : positionner les div 'haut' et 'bas' en absolu, dans ce cas le height:50% est pris en compte
Mais je suis ouvert à d'autres solutions ou explications si vous en avez.
Modifié par jreeman (13 Apr 2011 - 15:05)