Probleme de decallages des <DIV>

Bonjour .

Je suis nouveau sur ce forum, et merci a ceux qui le font vivre.

Voici mon soucis. Je voudrais decouper mon bloc principal, sans tableau. J'ai donc cree des ballise :

div#haut_gauche
{
	height: 126px;
	width: 558px;
	background-color: #00CC00;
}

div#haut_droite
{
	height: 126px;
	width: 279px;
	background-color: #CCCCFF;
	margin-left: 558px;
}

avec le code :

  <div id="haut_gauche">
	 <div id="haut_droite"></div>
   </div>

et ca donne ca :

c'est OK.

Maintenant, si je rajoute du texte, ca me donne ca :

  <div id="haut_gauche">
        gauche
	 <div id="haut_droite">droite</div>
   </div>

Comment puis-je faire pour que le texte n'influe pas sur la hauteur des blocs ?

Nottez que j'ai comme ca plusieurs blocs les uns en dessous des autres.
Merci pour votre aide.

PAI
Modifié par PAI (16 Jan 2007 - 14:00)

Bonjour PAI (production d'artiste inconnu ?), et bienvenue sur ce forum.

Merci d'utiliser les les balises code pour présenter les sources des exemples sur le forum.
Peux-tu éditer ton post pour te conformer à cette règle de mise en forme des messages ?

Une petite révision sur le positionnement flottant ? L'article Comprendre le positionnement des éléments en CSS -- qui fait partie de la section « Bases et indispensables » des tutoriels d'Alsacréations -- comporte une section sur le positionnement flottant.

Je pense que sa lecture devrait te mettre sur la voie.
Modifié par Florent V. (16 Jan 2007 - 13:29)

Bonjour,

Merci pour la reponse. Effectivement, avec le float left, et en remplacant les div# par ., ca marche comme je le veux.

Encore merci a tous ceux qui font vivre les forums. Je ne suis qu'utilisateur de ces infos, car j'ai assez peu a donner.

Des que mon site sera en ligne, je vous le donnerai, avec les codes si ca interesse quelqu'un

PAI (pour Photo Air Isere www.photo-air-isere.fr