Eléments qui sortent de leur boîte.

Bonjour,

Je fais face à un problème récurrent en ce qui concerne l'utilisation du positionnement CSS. Classiquement, dès que j'utilise le positionnement flottant (float: left, ou float: right), les éléments auxquelles j'applique cette propriétés "sortent" de leur conteneur. C'est à dire que les éléments s'affichent bien mais le conteneur ne contient en fait plus rien (lorsque je mets une bordure épaisse pour voir, je vois qu'il fait une hauteur de 0 pixels, tandis que les éléments qui étaient sensés être dedans se trouvent en bas, ou juste à côté). Je n'ai pas vraiment d'exemple concret sous la main, ça m'arrive tellement de fois... Surtout sous IE d'ailleurs. Quelqu'un pourrait m'expliquer ce qu'il se passe?

Merci

twkjp a écrit :
Bonjour,

Je fais face à un problème récurrent en ce qui concerne l'utilisation du positionnement CSS. Classiquement, dès que j'utilise le positionnement flottant (float: left, ou float: right), les éléments auxquelles j'applique cette propriétés "sortent" de leur conteneur. C'est à dire que les éléments s'affichent bien mais le conteneur ne contient en fait plus rien (lorsque je mets une bordure épaisse pour voir, je vois qu'il fait une hauteur de 0 pixels, tandis que les éléments qui étaient sensés être dedans se trouvent en bas, ou juste à côté). Je n'ai pas vraiment d'exemple concret sous la main, ça m'arrive tellement de fois... Surtout sous IE d'ailleurs. Quelqu'un pourrait m'expliquer ce qu'il se passe?

Merci

Salut!
En utilisant float, tu sors du flux normal.
http://css.alsacreations.com/Bases-et-indispensables/Comprendre-le-positionnement-des-balises-en-CSS
Modifié par Niklaus (05 Jul 2006 - 20:44)

Bonjour twkjp,

C'est un problème classique de dépassement de flottants. Plus d'infos par là :
Éléments flottants qui dépassent de l'élément parent.

Merci à vous deux. Je vais lire tout de suite ton document mpop. Je posterai à nouveau si j'ai besoin d'autres précisions sur le sujet.

Merci encore