Forum Moderators: not2easy
Ive been using css on firefox for a while now and never had a problem ........ until i opened my site on IE6. And the div does not work .
the image is hovering over the text .
heres the div
DIV.selHolder { float: left; width:245px; border: 3px solid #ccc; margin: 10px; padding: 5px;
}
and in the html its just <div="selHolder"> with text a heading and some images inside it .
<div class="selHolder">
<?$min=263;
$max=285;$x=rand($min,$max);
$q = "SELECT * FROM activity WHERE activityid='$x'";
if ($r = mysql_query($q)) {
//loop results here
while ($row = mysql_fetch_assoc($r)) {$id=$row["id"];
$name=$row["name"];
$ashort=$row["ashort"];
$heading1=$row["heading1"];
$image1=$row["image1"];
$image1alt=$row["image1alt"];
$link=$row["link"];
$currency=$row["currency"];
$linktitle=$row["linktitle"];
$linkurl=$row["linkurl"];
$highprice=$row["s1price"];
$lowprice=$row["s2price"];
}
}<? echo "<h2 class='Middle' > <a href='./stuff/",$linkurl,".php' title='",$linktitle,"'> " ,$name, "</a></h2>";?>
<br>
<p><?=$ashort?> </p>
<? echo "<img src='./pics/",$image1,".jpg' alt='",$image1alt,"' style='1px solid #000' width='240' height='150' align='right'/>" ;?>
<? echo "<a href='./../stuff/",$linkurl,".php' title='",$linktitle,"'>",$link," </a> "; ?>
<? echo "<br> Price :<b> ",$currency," </b> ",$lowprice," to <b> ",$currency," </B> ",$highprice," per person ";
?><form action='./stuff/book.php' method='get'>
<input type ='hidden' name='id' value=",$id," />
<input type='submit' name='submit' value='Book Now' /></form>
</div>
ok this is what i got in the div .
The images seems to be overlaying everything , im gonna try z index now. It calls a random number which then pulls data from a database and dis[plays it.
I'd make sure my css and generated html validate.