View Full Version : position:absolute inside position:relative in Firefox

12-01-2006, 02:22 AM
Hey all, this is my first post in a long time... I've been a fan of this forum and hope you can all help me again like you have before. Here's my newest dilema.

I have a code. (relative code only)

<link rel="stylesheet" href="index.css" type="text/css">
<table width="90%" border="0" cellpadding="0" cellspacing="0">
$result = mysql_query("SELECT * FROM coupons"); //Selects from database

if ($myrow = mysql_fetch_array($result)) {
do {
$C_ID = $myrow["C_ID"];
$name = $myrow["name"];
$desc = $myrow["desc"];
$exp = $myrow["exp"];

if ($pos == 3){?></tr><tr><? $pos = 1;}
$pos = $pos+1
<td width="38%">
<div align="center" style="position:relative"><img src="images1152x864/coupon.jpg" width="293" height="233" /><br />
<div align="center" style="position:absolute; top:8px; left:6px; width: 285px;" class="header2"><? echo $name; ?></div>
<div align="left" style="position:absolute; top:55px; left:10px; width: 180px; height: 110;" class="desc"><? echo $desc; ?></div>
<div align="center" style="position:absolute; top:185px; left:25px; width: 100px; height: 30;" class="exp"><? echo 'Expires:<BR>'.$exp; ?></div>
} while ($myrow = mysql_fetch_array($result));

This works fine in IE... However in Firefox it does not... any ideas how I can get this to work on both?



12-01-2006, 04:17 AM
Hi mate,
Any output to the browser is not a php issue (usually). This is a css issue thats comes about from IE's incorrect usage of the box model. But without knowing what you are looking for I can't really help you. As well, your $pos check for every third entry can be done using a modulus operator:
if ($pos %= 3)...

12-01-2006, 04:55 AM
Oh, i see what you mean, I'm sorry, I posted in the wrong forum. Can someone move this to CSS?

12-02-2006, 04:23 AM
Np mate, too bad I can't move it but good luck to you.
I think I made an error there too, the check should be ($pos % 3 == 0). Yeah, that sounds better :P