fimjox
06-13-2010, 07:11 AM
CSS specifies that if you use an absolute position within a container that has relative positioning that the absolute position is actually relative to the 0,0 position in the parent container.
FF uses the absolute position to the 0,0 corner of the screen, not the 0,0 in the container it is in.
I made a real simple test page that shows how FF is screwing up (works in IE & Chrome).
It puts a red square offset within a black square that is centered on the screen.
This is the super simple site: (works in IE, Chrome, but not FF)
http://ledthings.com/am/test.html
This is the simple source:
<html>
<head><title></title>
</head>
<body>
<center>
<table bgcolor="black" width="400" style="position:relative;">
<tr><td height="400">
<table width="50" bgcolor="red" style="position:absolute; top:50px; left:50px"><tr><td height="50">
</td></tr></table>
</td></tr></table>
</center>
</body>
</html>
Somebody please
FF uses the absolute position to the 0,0 corner of the screen, not the 0,0 in the container it is in.
I made a real simple test page that shows how FF is screwing up (works in IE & Chrome).
It puts a red square offset within a black square that is centered on the screen.
This is the super simple site: (works in IE, Chrome, but not FF)
http://ledthings.com/am/test.html
This is the simple source:
<html>
<head><title></title>
</head>
<body>
<center>
<table bgcolor="black" width="400" style="position:relative;">
<tr><td height="400">
<table width="50" bgcolor="red" style="position:absolute; top:50px; left:50px"><tr><td height="50">
</td></tr></table>
</td></tr></table>
</center>
</body>
</html>
Somebody please