[Résolu] Problème avec les CSS

Bonjour,
je suis en train de faire un site et j'ai un problème avec une div qui ne veut pas s'agrandir automatiquement. Le contenu est chargé automatiquement...

Voilà le code CSS correspondant à la div :

#content_news{
	width : 980px;
	min-height : 700px;
	height : auto;
	margin-left : auto;
	margin-right : auto;
	position: relative;
	color : #66605F;
	font-family: "Times New Roman", Times, serif;
	text-align : justify;	
}

et un lien vers la page correspondante : ICI

J'ai beau chercher, je ne trouve pas l'erreur...

Des idées ?

Merci d'avance !

Jérôme
Modifié par stardy (29 Nov 2011 - 15:53)

Bonjour,

en réalité ta div s'agrandit automatiquement - jettes-y un œil dans Firebug par exemple. Mais puisque son conteneur ( #main_boutique_home ) est en float:left, elle est sortie du flux et sa hauteur n'a donc aucune incidence sur le reste de la page.

Pour corriger ce comportement, il te suffit d'ajouter un

overflow:auto;

sur ta #content_news.

Bonne continuation !

Bonjour,


Je t'invite également à consulter la solution "clearfix" proposée sur cette page :
http://www.positioniseverything.net/easyclearing.html

Cela pourra certainement servir un jour où overflow:hidden; te posera problème.

Bonne journée

On a aussi un tour d'horizon du problème et des solutions ici:
Empêcher les flottants de dépasser de leur conteneur

En effet, ça marche bien !
Merci pour votre aide !!
+++