<div id="page">

	<div class='articles'>

<div class='cadre'>



<div class='sous_categorie'>Boutiques<br><a href='index.php?p=articles&cat=shopping&sous_cat=Boutiques'> > Voir tous les articles de cette sous-catégorie</a></div>

<div class='dernier_article'>

<a href='index.php?p=articles&num=6'>

<h1 class='titre_dernier_article'>titttttre</h1>

<img height='115' src='admin/images_articles/269689001.jpg'></img>

<p class='chapeau_dernier_article'>chapeauuuuuu ...</p>

</a></div>

</div>

<div class='cadre'>

<div class='sous_categorie'>Magazines<br><a href='index.php?p=articles&cat=shopping&sous_cat=Magazines'> > Voir tous les articles de cette sous-catégorie</a></div>



<div class='dernier_article'>

<a href='index.php?p=articles&num=5'>

<h1 class='titre_dernier_article'>Titre2</h1>

<img height='115' src='admin/images_articles/'></img>

<p class='chapeau_dernier_article'>vchk jfh kjdhg hgkj ...</p>

</a></div>

</div>

#page {height:100%;margin-left:190px;margin-right:305px;background:orange;

font-family:Arial,Verdana;font-size:12px;padding:5px;

}

.articles .cadre {border:1px solid black; width:215px;float:left;height:250px; margin-right:5px;}

.articles .sous_categorie {background:yellow;}

.articles .dernier_article {text-align:center;}

.articles .titre_dernier_article {font-weight:bold; font-size:14px;}

.articles .chapeau_dernier_article {font-style:italic;}

<hr style="clear:both;visibility:hidden;" />

Zeke a écrit :
tout est normal.
un element en float sort du flux. De Fait, son div parent ne prend pas en compte la hauteur de ses fils float pour déterminer sa propre taille.

tu peux ajouter ca dans ton bloc orange en derniere instruction :

<hr style="clear:both;visibility:hidden;" />

Ca met un hr non visible qui ne s'occupe pas des float, du coup il va se mettre à la bonne place et ca donnera la bonne taille à ton bloc orange.

Enfin tout ca si j'ai bien compris ce que tu voulais

Clemdups a écrit :


Nickel ! Parfait ! Sensas' ! Que dire d'autre, si ce n'est un grand MERCI !

Vero a écrit :


Mettre un petit résolu !

Laurent Denis a écrit :

Et utiliser les propriétés avancées CSS2.1 (overflow:auto, overflow:hidden, avec un height:1% pour IE) sur le conteneur des flottants, <humour>plutôt que cette technique d'arrière garde</humour>

Laurent Denis a écrit :


Et utiliser les propriétés avancées CSS2.1 (overflow:auto, overflow:hidden, avec un height:1% pour IE) sur le conteneur des flottants, <humour>plutôt que cette technique d'arrière garde</humour>

#global {

	position	: relative;

	margin 		: 0 auto 0 auto;

	width 		: 800px;

	/*height: 293px; */

	overflow:auto;

	overflow:hidden;

	height:1%;

	padding : 0;

	background : url(../imgs/fondSociete.gif) repeat-y;

}