Hvorfor udvider div'en sig ikke når img floater?
Jeg har en problem med firefox.Jeg har lavet en rabber rund om det om mit indhold som er nogle billeder der bliver udskrevet fra min db.
Mit problem er at rabberen i firefox ikke udvider sig med det indholde som er i rabberen, men er klappet helt sammen.
Hvis jeg fjerne min float left på img udvider den sig normalt, men det er meningen at der skal udskrive ca 7 img og så skal den braker.
Her er noget af min kode:
<div class="all_rabber">
<h1><img class="list" src="images/list.gif" alt=""/>
<?php
if($_GET['side'] == 'bygauto')
{
echo 'Bygnings Automatik';
}
else
{
echo 'Installation Teknik';
}
?>
</h1>
<?php
if($_GET['side'] == 'bygauto')
{
$query = mysql_query("SELECT * FROM emner WHERE sid=1 ORDER BY emne ASC") or die(mysql_error());
}
else
{
$query = mysql_query("SELECT * FROM emner WHERE sid=2 ORDER BY emne ASC") or die(mysql_error());
}
while($row = mysql_fetch_assoc($query))
{
$emne_images = mysql_query("SELECT * FROM images_emne WHERE id = '$row[billede]'") or die(mysql_error());
$eimages = mysql_fetch_array($emne_images);
?>
<a href="index.php?side=bygauto&underside=grupper&gid=<?php echo $row["id"]; ?>" class="emne_a">
<img class="emne_img" src="images/emne_images/<?php echo $eimages["billede"]; ?>" alt="<?php echo $row["emne"]; ?>">
</a>
<?php
}
?>
<div id="hr"> </div>
</div>
CSS:
div.all_rabber{
width:760px;
margin:0 auto;
padding:0;
margin-bottom:20px;
margin-top:50px;
background-color:#CCCCCC;
}
img.emne_img{
width:100px;
height:70px;
border:1px solid black;
}
a.emne_a{
float:left;
margin:0 0 20px 6px;
}
div.pro{
width:200px;
height:70px;
border:1px solid black;
margin:0 0 20px 6px;
}
div#hr{
width:760px;
height:5px;
background-color:#0033FF;
border-bottom:1px solid black;
}
img.list{
vertical-align:middle;
margin-bottom:4px;
}
Jeg skal lige have lagt siden op så i kan se hvad jeg mener.
Mvh Casper
