['Résolu'] Problème - DIV et auto

Bonjour à tous,

J'aimerais réaliser un bloc avec à l'intérieur deux bloc enfant, le premier bloc papa devrai être "auto" mais ce n'est pas le cas

Voici mon code:

<div class="bloc_new">
      <div class="user_img"><img src="modules/modifier_avatar/avatar.php" width=50 height=50/></div>  
      <div class="content_user"></div> 
</div>

div.bloc_new{width:301px; height:auto; padding:2px; background-color:#8a8a8a; margin-top:5px;}
div.user_img{width:50px; height:50px; background-color:#b7b7b7; margin-top:2px; margin-right:2px; float:left;}
div.content_user{width:249px; height:50px; background-color:#b7b7b7; margin-top:2px; float:left; }

Donc comme je disais le bloc_new, sa hauteur ne veut pas être en auto surement à cause du float des deux autre à l'intérieur. Mais je ne vois pas qu'elle solution utiliser.

Merci
Modifié par jahchris (29 Mar 2011 - 16:57)

rajoutes un spacer à la suite du <div class="content_user"></div>

<hr class="spacer" />

.spacer {
visibility: hidden;
clear: both;
}

http://css.developpez.com/tutoriels/retablissement-flux/

PS: tu peux supprimer le l'attribut height de ton div parent. Il ne sert plus à rien.
Modifié par jedd (29 Mar 2011 - 13:52)

Un très grand merci à JEDD !
Je vais pouvoir continuer mon projet avec l'esprit sain ^^

Réponse rapide et efficace.

Hello,

L'article de Bruno pointé par jedd est sympa, mais styler des éléments HR ou BR pour gérer le dépassement des flottants c'est quand même se prendre la tête pour rien (au nom d'une «sémantique HTML» mal comprise ).

On peut retrouver cette technique (avec un élément DIV neutre) et deux autres dans cet article synthétique: Empêcher les flottants de dépasser de leur conteneur.

jahchris a écrit :
Je vais pouvoir continuer mon projet avec l'esprit sain ^^

N'hésite pas à indiquer ton sujet comme résolu en ajoutant «[Résolu]» dans le titre. Tu peux modifier le titre ne modifiant le premier message du sujet.
Modifié par fvsch (29 Mar 2011 - 14:37)