[Résolu] Taille automatique d'un calque

Bonjour,

ce sujet a deja été traité, mais je ne comprend rien (ca ne fais pas longtemps que je fais du css)

j'ai un calque parent, et a l'intérieur, 2 calques l'un a coté de l'autre.
La taille des calques enfants seront variable, et j'aimerais que le calque parent s'adapte au plus grand des enfants, voici mon script:

#conteneur{
	width:500px;
	background-color:#CCCCCC;
}

#bloc1{
	width:200px;
	background-color:#009966;
	float:left;
}

#bloc2{
	width:150px;
	background-color:#CC3300;
	float:right;
}

vous trouverez le tendu ici

Sous IE, ca marche, mais pas avec firefox

Merci d'avandce pour vos reponses !!
Modifié par nst38 (24 Dec 2006 - 16:43)

Bonjour,

Classiquement overflow: hidden; à ton conteneur est une des solutions pour FF...

Très classiquement, il s'agit d'un problème de dépassement de flottants.

nst38 a écrit :
Sous IE, ca marche, mais pas avec firefox

En fait c'est l'inverse : ça marche parfaitement avec Firefox (et ça marchera parfaitement avec Opera, Safari, Konqueror, etc.), par contre le comportement d'IE dans ce cas précis est non standard. Le hasard fait juste que ce comportement non standard correspond à ce que tu attends, tandis que le comportement standard (les flottants dépassent) te surprend.

Plus d'informations ici :
http://web.covertprestige.info/test/03-elements-flottants-et-element-parent-1.html
(Note : ghost donne une solution intéressante, mais je te conseille de lire le contenu du lien ci-dessus avant, histoire de bien retenir cette subtilité pour plus tard.)

Merci pour tout, ca marche nickel

voila les modifs que j'ai faite, si ca peut en intéresser qqn:
Il sufit de rajouter: overflow: auto; dans le calque parent

#conteneur{
	width:500px;
	background-color:#CCCCCC;
	border-color:#003399;
	border-bottom-style:solid;
	overflow: auto;
}

Merci encore a ceux qui se cassent la tete pour repondre aux post la veille de noël pour nous sortir qu pétrin.

Joyeux noël a tous !!!