float:left; problemer
HejJeg har en div som jeg sætter til at floate left. I diven bliver der hentet forskellige ting ind via php fra en sql db... Det funger fint, MEN i layoutet rykker den øverste højre boks sig et par pixels ned i forhold til alle andre divs... Hvilket jo ikke er meningen. Nogle der kan se en fejl, har prøvet alt skulle jeg selv mene;o)
CSS:
html,body {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
height:100%;
}
#inner {
position:relative;
width:600px;
height:300px;
}
#links {
position:absolute;
left:0px;
top:0px;
width:550px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:regular;
color:#000000;
}
#links a, #links a:link {
font-weight:bold;
color:#000000;
text-decoration:none;
}
#links a:hover {
color:#99cccc;
text-decoration:none;
}
#links li {
background-color:#CCCCCC;
width:150px;
height:70px;
float:left;
padding-top:0px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
margin:20px;
list-style-type:none;
border-bottom:1px dashed #99cccc;
}
PHP:
<body>
<div id="inner">
<div id="links">
<?php
include 'ps.inc.php';
$link = @mysql_query('SELECT url, title, description FROM links');
if (!$link) {
exit('<p>Kunne ikke hente links fra database...<br />'.
'Error: ' . mysql_error() . '</p>');
}
while ($links = mysql_fetch_array($link)) {
$link_id = $links['link_id'];
$url = htmlspecialchars($links['url']);
$title = htmlspecialchars($links['title']);
$description = htmlspecialchars($links['description']);
echo "<ul><li><a href=\"http://$url\" target=\"_blank\">$title</a><br> ".
"$description</ul>";
}
?>
</div>
</div>
</body>
Håber der er en der kan gennemskue det??
MVH TC