Imbrication de div... Problème de dimension du div ancêtre..

[bordas_69]

Bonjour, je suis en train de jouer av CSS et j'ai un ti prob... J'aimerais faire un truc du genre :

Code: Tout sélectionner

<div class="main"><div class="un"></div><div class="deux"></div></div>

et mettre un cadre autour du div racine (celui qui encadre les 2 autres)... Le problème, c'est que ce div ne prend pas de place et il semblerait que mon navigateur (FF) ne lui donne pas de hauteur (pensant qu'il n'y a pas de contenu)... Comment faire? Voici ce que j'ai dans mon fichier css.

Code: Tout sélectionner

/* Div ancêtre */
.main { width:520px; clear:both; margin-bottom:24px; border:1px dashed #003344;}

/* 1er Div */
.un { float:right; width:125px; border:0px solid red;}

/* 2e Div */
.deux { float:left; width:395px;}

Merci de votre aide...

[moktoipas]

ajoute:

"overflow:auto" dans le css du main

[moktoipas]

c'est un bug de IE qui fait que ca marche sous IE...
le comportamentn que tu decris (sous FF) est normal

[bordas_69]

Merci, en ajoutant overflow: auto; comme tu me l'as suggèré, ça fonctionne...

[netsys]

la proprieté overflow gère des déplacements de blocs.
Ton problème est une histoire de flux, si tu veux que le bloc ancètre contienne les blocs un et deux il faut également lui donner la propriété float (left ou right selon ce que tu souhaites). Il se peut alors que ton problème se répercute sur les blocs parents qu'il faudra traiter de la même manière.

[moktoipas]

netsys>

non, elle gere les DEPASSEMENT, la pro oveflow...

http://forum.alsacreations.com/faq/#item6

la solution que j'ai decrite, je l'ai trouvé ici.

[netsys]

Oula je manque de sommeil excuse moi oui les DEPASSEMENTS c'est ca que je voulais dire

Je faisais référence au paragraphe "Positionner en flottant" de la page http://css.alsacreations.com/Bases-et-i ... ses-en-CSS

A+

[moktoipas]

En tout cas, il est inutile de passer le main en float.

[bordas_69]

En tout cas, il est inutile de passer le main en float.

Ouf !!! ...

N'empeche, vous m'avez bien aidé... Ca fait un moment que je me posait la question...