Un DIV dans un DIV

Bonjour à tous !

Ma question paraitra facile pour certain mais je tourne en rond ... et je n'arrive pas à résoudre

Jai un Div :

<div id="contenu">

Avec un css :

#contenu {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	background : #FFFFFF;
	color: #1c1c1c;
	width : 778px;
	min-height : 400px;
	margin-left : 12px;
	padding-bottom : 0px;
	margin-bottom : 10px;
	}

Puis dedans un autre Div :

<div id="contenubackoffice">

Avec un css :

#contenubackoffice {
	width: 750px;
	float: left;
}

Je souhaiterais que le div "contenu" s'agrandisse en hauteur en fonction du contenu du div "contenubackoffice", car pour l'instant le div "contenubackoffice" se supperpose aux div d'après.

Merci d'avance pour vos conseils.

Salut !

D'après toi, à quoi l'attribut float (pour "contenubackoffice ") sert-il ?

Supprime-le, et tout fonctionnera correctement.

Je te conseille à ce sujet la lecture de l'article Guide de survie du positionnement CSS.

Bonjour,

Merci du conseil cependant l'attribut "float" me sert, car j'ai une option ou j'ai 3 div cote à cote. C'est pourquoi je l'utilise.

Donc le DIV doit bien etre "float" mais par contre le div "contenu" doit s'agrandir !

Avez-vous des suggestions ? Puis-je eviter le "float" pour mettre 3 div cote à cote ?

Merci d'avance pour vos réponses.

Rémi.

Hello,

masremi a écrit :
Puis-je eviter le "float" pour mettre 3 div cote à cote ?

Oui tout à fait :
- des tableaux HTML
- du positionnement absolu
- display : inline-block
- display: table-cell
- etc.
C'est justement l'intérêt du Guide de Positionnement indiqué plus haut.

Une note importante : pour positionner 3 blocs les uns à côté des autres, il te suffit que les 2 premiers soient flottants. Le 3è s'écoulera en commençant à côté du précédent et il restera dans le flux, donc occupera tout l'espace restant dans le div parent. Je crois que c'est justement ce que tu désires obtenir.

Bonne chance