Почему высота блока popular не становится на высоту находящихся в ней изображений:
Код:
<div id="popular"><p>Популярное</p>
<?php
$resultPop = mysql_query("SELECT * FROM album WHERE openCat <> '' ORDER BY reiting AND golosov DESC");
for( $i=1; $i<10; $i++) {
$row = mysql_fetch_array($resultPop);
echo '<div class="popul"><img src="../'.$row['adresfilemin'].'" width="150" height="150" /></div>';
};
?>
</div>
Css:
#popular {
border-bottom-width: 10px;
border-bottom-style: groove;
border-bottom-color: #edecec;
padding-right: 80px;
padding-left: 80px;
height: auto;
margin-right: auto;
margin-left: auto;
}
#popular p{
font-family: "Comic Sans MS", cursive;
font-size: 24px;
text-align: center;
font-weight: bold;
}
.popul{
margin: 5px;
float: left;
}
Серая линия должна быть снизу блока, и еще как выравнить это все по центру!