problème d'alignement de div

djstark91

Bonjour,

voici le site sur lequel je travaille : http://www.clementroncier.com/bubbling/

je désirerai que les différentes div s'encastre les unes dans les autres voici le code :

#overcontent { /* Bloc */
	width:1040px;
	margin-top:15px;
	margin-left:-10px;

}

#overcontent .content { /* Bloc */
	width : 250px;
	border-top: solid 2px #000;
			border-bottom:solid 1px #000;
			margin-left:10px;
			float:left;
			ov

	
}
#overcontent .content a { /* Bloc */
	color:#fff;
	background-color:#000;
	font-size:11px;
}
#overcontent .content a:hover { /* Bloc */
	color:#F00;
	background-color:#999;
}
#overcontent .content:hover { /* Bloc */
border-top: solid 2px #F00;
}
#overcontent .content .title { /* Titre de l'article */
	color : #000;
	font-size : 11px;
	font-weight:400;
	max-width: 250px;

	}

#overcontent .content .title a { /* Lien sur le titre de l'article */
	color:#000;
	text-decoration : none;
	background-color:#FFF;
}
#overcontent .content .title a:hover {
	color:#F00;
}
#overcontent .post {
	font-size:11px;
	color:#000;
	padding-bottom:10px;

	
}
#overcontent .post p {font-size:11px;
	color:#000;
}

<?php include(dirname(__FILE__).'/header.php'); # On insere le header ?>

	<div id="overcontent">
            

		<?php while($plxShow->plxMotor->plxRecord_arts->loop()): # On boucle sur les articles ?>
        <div class="content">
			<h2 class="title"><?php $plxShow->artTitle('link'); ?></h2>
			<p class="post"><?php $plxShow->artChapo(); ?></p>
            </div>
		<?php endwhile; # Fin de la boucle sur les articles ?>
        
		<?php # On affiche la pagination ?>
		<p id="pagination"><?php $plxShow->pagination(); ?></p>
        
	</div>
	<?php include(dirname(__FILE__).'/sidebar.php'); # On insere la sidebar ?>
<?php include(dirname(__FILE__).'/footer.php'); # On insere le footer ?>

merci de votre aide, je crois que j'oublie un truc dans le css mais quoi..?
a bientôt!

Stéphane

Bonjour,

Peux-tu déjà supprimer le ov qui traîne à la ligne 14 de ton css que tu as mis ici
Après pour que tes blocs aient tous la meme hauteur essaye en rajoutant ceci

#overcontent .content {
   height: 150px;
}

j'ai mis une valeur de 150px au hasard, à toi de trouver la bonne valeur

djstark91

Merci Stéphane de cette réponse rapide mais je pense que je me suis mal exprimé ; je désire que les blocs ".content" ne soient pas alignés mais qu'ils sencastrent les un dans les autres tel un tetris.

Merci par avance.

Ps : sinon j'ai une idée de solution mais e voudrai savoir quel script php peeters dafficher les articles dune catégorie précise. Pour pouvoir aficher par exemple tous les articles de la catégories "rubrique 1".

djstark91

Abandon. je vais fais autrement. merci