[CSS] div aligné mais...

Fermé
Dreanad Messages postés 88 Date d'inscription mardi 9 mars 2010 Statut Membre Dernière intervention 6 février 2014 - 9 sept. 2012 à 19:39
mandolorien Messages postés 109 Date d'inscription dimanche 9 septembre 2012 Statut Membre Dernière intervention 9 mars 2018 - 9 sept. 2012 à 20:54
Salut, j'aimerais faire en sorte que mes divs soit aligné, sauf que ce n'ai pas en faite " mes " mais "ma" div qui est répété !

en gros, je fait une recupération de tout les pseudos qui sont inscrit dans ma bdd, je fait une boucle, je les affiches, mais tous sur la même div, ca crée donc 1 div par pseudo recupéré

le hic, c'est qu'avec un float left, mon body qui est derriere ne prend pas en compte les divs donc les div depasse du body, savez vous comment faire, sans a avoir a toucher au body ? ( je veux pas mettre une hauteur fixe )

css :
#membres ( la dvi en question )
{
border: 2px solid black;
margin-bottom: 5px;
margin-right: 5px;
margin-left: 5px;
display:block;
float: left;
width: 100px;
height: 50px;
}

#body
{
border-left: 1px solid #000;
border-right: 1px solid #000;
box-shadow:0px 0px 9px #333333;
-moz-border-radius:10px;
-webkit-border-radius:10px;
background-color: #FFEDD0;
width: 95%;
margin-left: auto;
margin-right: auto;
padding: 10px 10px 10px 10px;
}

html php:
<div id="membres"><?php echo $donnees['pseudo']; ?></div>

merci d'avance !

1 réponse

mandolorien Messages postés 109 Date d'inscription dimanche 9 septembre 2012 Statut Membre Dernière intervention 9 mars 2018 3
9 sept. 2012 à 20:54
#membres 
{
border: 2px solid black;
margin-bottom: 5px;
margin-right: 5px;
margin-left: 5px;
display:block;
float:left;
}

.membres 
{
border: 2px solid black;
margin-bottom: 2px;
margin-right: 2px;
margin-left: 2px;
display:block;
width: 100px;
height: 50px;
}

#body
{
border-left: 1px solid #000;
border-right: 1px solid #000;
box-shadow:0px 0px 9px #333333;
-moz-border-radius:10px;
-webkit-border-radius:10px;
background-color: #FFEDD0;
width: 95%;
margin-left: auto;
margin-right: auto;
padding: 10px 10px 10px 10px;
}
</style>
<div id="membres">
<div class="membres">albert</div><br>
<div class="membres">titus</div><br>
<div class="membres">mdr</div><br>
<div class="membres">bon</div><br>
</div>



donc pour toi :

#membres 
{
border: 2px solid black;
margin-bottom: 5px;
margin-right: 5px;
margin-left: 5px;
display:block;
float:left;
}

.membres 
{
border: 2px solid black;
margin-bottom: 2px;
margin-right: 2px;
margin-left: 2px;
display:block;
width: 100px;
height: 50px;
}

#body
{
border-left: 1px solid #000;
border-right: 1px solid #000;
box-shadow:0px 0px 9px #333333;
-moz-border-radius:10px;
-webkit-border-radius:10px;
background-color: #FFEDD0;
width: 95%;
margin-left: auto;
margin-right: auto;
padding: 10px 10px 10px 10px;
}
</style>
<div id="membres">
<div class="membres"><?php echo $donnees['pseudo']; ?></div><br> 
</div>
0