[résolu] Ben ..ce div parent reste en height nulle ...!

Bonjour à tous,

Je tombe sur un truc que je ne comprend pas.
Ca fait bien longtemps que je réalise mes templates en css, mais là ..et ben je comprend pas le comportement de #main

dans ce template en cours d'élaboration - type centré par un wrapper en positionnement absolu, tout le reste dans le flux) :
http://www.neo-tekk.com/bac-a-sable/lcdr/layout.html

(le menu h n'est pas DU TOUT fais, on n'en tient pas compte svp)

Sous FF, ce div (voir ses border rouges pour le debug) prend une valeur Height nulle.
Pourtant il contient bien ses fils #content plus les 3 colonnes.

Il devrait donc apparaitre en fond : l'objectif étant d'y placer un filigrane en fond de tout le reste.

sous IE sans definition de height, ca se passe comme je le pensais.

une piste qui me crève les yeux ??

Merci
Modifié par elz64 (17 Jul 2007 - 13:26)

en rajoutant

overflow:auto;

dans ton CSS dans #main, le cadre rouge fera comme tu le souhaites je pense

effectivement!

C'est bien vu. Merci

Ceci dit, je ne comprends pas le pourquoi..

Ce div possède des fils qui sont flottants et par conséquent ils sortent du flux normal et overflow corrige cela .. enfin c'est comme cela que je l'ai compris

tu auras une meilleure explication sur cette page , dans la rubrique "Forcer le bloc central à « fuir » les flottants avec un contexte de formatage"

elz64 a écrit :
effectivement!

C'est bien vu. Merci

Ceci dit, je ne comprends pas le pourquoi..

Un tour dans la FAQ:
Comment éviter que mes éléments flottants (float) dépassent de leur conteneur ?

hum.. ah, ce fameux context de formatage !
ok.

je vois. Je n'ai pas eu à gérer ce genre de cas - curieusement - jusqu'à présent, car soit je n'ai pas créé de template avec des colonnes de ce type ou tout simplement je suis en float pour la plupart des div en général.

Mais on apprend tous les jours !

Merci
Modifié par elz64 (17 Jul 2007 - 16:35)