problème d'alignement de div

djstark91 · février 2011

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 · février 2011

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 · février 2011

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 · février 2011

Abandon. je vais fais autrement. merci

problème d'alignement de div

Réponses