Alinhamento de Divs no centro
Boa noite pessoal, tenho o seguinte código que me gera dentro de uma div outras divs.... de acordo com o que existe no banco e dados e o código é o seguinte
if ($db->rows >= 1){
$album_evento = $db->data;
echo '<center><div id="containerAlbum">';
foreach ($album_evento as $res_album_evento)
{
$c = (object) $res_album_evento;
?>
<div id="alinhaAlbum">
<div id="eventosAlbum"><a href="fotosEventos.php?album=<?=$c->id_album_evento?>"><img src="miniaturasAlbuns/<?=$c->miniatura_album_evento?>"/></div>
<div id="informacoesAlbum">
<p><span><?=$c->nome_album_evento?></span></p>
<p><b><span>Data: <?= date('d/m/Y', strtotime($c->data_album_evento))?></span></b></p></a>
</div>
</div>
<?php
}
echo '</div></center>';
}
}
o que eu quero é deixar as divs geradas dentro da outra div ao centro..... e o código css que estou usando para alinhar as divs é esse
#containerAlbum{
width:80%;
}
#alinhaAlbum{
float:left;
width:150px;
margin-left:10px;
margin-bottom:10px;
margin-right:0;
height:170px;
}
#eventosAlbum{
float:left;
width:150px;
height:auto;
border:solid 3px #000000;
border-radius:5px;
}
#alinhaAlbum a{
text-decoration:none;
color:#069;
}
#informacoesAlbum{
width:150px;
font-size:10px;
color:#069;
font-weight:bold;
text-align:center;
height:auto;
}
pois bem... eu uso o float:left para deixar uma div ao lado da outra e quando tiver quebra de pagina ela continuar em baixo bom fica tudo certo menos a parte das divs de dentro ficarem alinhadas ao centro pois quando eu mudo de resolução ai inves de mostrar 3 divs por linha mostra apenas 2 e ai ela vem mais para a esquerda =/ como resolvo isso? obrigado
Discussão (11)
Carregando comentários...