2011-06-06 72 views
0

http://warhawkcomputers.com/Birenbaum/Projects/Pong/Pong.html我的乒乓球项目未在FF

嗨正确的定位,所以我定我所有的项目,除了网站的第四季度选项卡下乒乓球。这是按键和动作工作完美,但由于某种原因,定位是关闭在Firefox中。 IE和FF识别元素都与第二个表相关联,但由于某些原因,Firefox继续认为(0,0)是页面的左上角,而不是关联的表。多谢你们。

+1

这是我第一次看到作业标签。很简约。 – 2011-06-06 15:10:59

回答

0

您需要将position: relative;添加到包含pad的div中。

0

当给项目一个绝对定位时,您将自动从下一个定义的容器中分配该绝对定位。此容器还必须具有绝对定位,以使这些子元素具有父容器的0,0位置的绝对定位。

这里是你的代码(从页面):

<table height="300" width="575" bordercolor="#000" border="1px" style="position:relative;"> 
<tr> 
<td> 
<img src="Images/Paddle1.JPG" style="position:absolute; top:5px; left:3px;" id="Paddle1" /> 
<img src="Images/Paddle2.JPG" style="position:absolute; top:5px; left:555px;" id="Paddle2" /> 
<img src="Images/Ball.JPG" style="position:absolute; top:120px; left:265px;" id="Ball" /> 
</td> 
</tr> 
</table> 

为了绝对定位的图像工作,你希望他们在FF的方式,你必须绝对定位包含表他们。

尽管我会建议你使用div层来包含它们,但在你的情况下,你可以通过在表格中创建三列并在paddle1的td上使用左对齐来使用更简单的方法(尽管皱眉)在paddle2的td上右对齐...再次,但我建议你编写它来使用div层来控制布局,因为这是现在被认为是“正确的”。

Here's方便查看定位。基本上它让你知道位置属性在大多数浏览器中都很麻烦。我确定它可以在IE中使用,因为在IE中有很多奇怪的编码样例......这很奇怪,但总是最好做到这一点。 :)

0

不能相对定位表格单元格,这就是为什么绝对定位并不在表中工作;)

我建议你把容器的div主表单元格width: 575px height: 300px;或匹配内部该单元格的内部宽度高度和相对位置而不是