[Résolu] [CSS] gerer l'aggrandissement d'un block quand on a un float:left

Bonjour.

Je suis pas certain que le titre soit super explicite, donc je vous expose mon soucis.

J'ai un block container qui contient deux autre block dont l'un des deux est en float:left pour avoir 2 colones.
Tout irait dans le meilleurs des mondes si le block container s'agrandissait en fonction du contenu des deux block qu'il contient.

Pour le moment, il ne s'agrandit qu'en fonction du contenu du block de droite puisqu'il n'est pas flottant. Existe-t'il une solution ou je vais devoir faire en sorte de repenser mon design de facon à ce que cela ne se remarque pas ^^


Je n'allais pas copier l'ensemble du code du site, donc pour illustré je vous ai fait un petit exemple.

Puisqu'il n'y a qu'une ligne dans le block right, le block container ne fait egalement qu'une ligne. Et donc deux ligne du block left dépassent.


Merci de votre aide.

Je suis d'accord, j'ai été un peu vite lors de mon exemple. Cela dit, ca ne change rien au problème.

Je vais qu'en même changer ca dans mon post d'origine.

Je viens de trouver la solution, il faut utiliser un block supplémentaire qu'on l'ont met en dernier dans le div container, et on lui donne la propriété CSS Clear:both . Cela oblige Container a s'agrandir jusqu'à ce div.

Ca m'a prit 3 heures mais je suis content d'avoir farfouiller l'ensemble des propriétés CSS.

non... Ca aurait pas fonctionné sous IE6