Je suis en train de passer de la mise en forme en tableaux en CSS et marlgré quelques bonnes avancées, je suis confronté à un souci que je ne parviens pas à résoudre malgré mes recherches. Ne sachant pas comment faire, je recherche peut-être avec les mauvais mots...

Bref, voici un code qui résumerait la chose:

<div id="monBlock">
<div id="block1">
</div>
<div id="block2">
</div>
</div>

"block1" doit s'afficher à la droite de "block2"

"block2" a juste un "margin-left=10px"
Pour "block1", j'ai mis un "float=right"


Ca fonctionne parfaitement, sauf que si je place trop de texte dans "block1", celui-ci dépasse de "block2", mais dépasse aussi de "monBlock", ce qui donne une mise en page plutôt bancale.

Bref, comment faire pour que même si "block1" est plus haut que "block2", "monblock" s'allongue comme il faut pour que "block1" reste à l'intérieur?

J'espère avoir été assez clair...

Merci!

tout plein de gabarits, bien utiles pour s'inspirer : Alsacreations

Merci beaucoup, très pratique oui!

Et j'en profite pour répondre directement spécifiquement à mon propre problème pour ceux qui auraient le mêem souci. Pensez à "clear:both" pour l'élément se trouvant en dessous des deux div.