我的乒乓球項目未在FF

Question

http://warhawkcomputers.com/Birenbaum/Projects/Pong/Pong.html

嗨正確的定位，所以我定我所有的項目，除了網站的第四季度選項卡下乒乓球。這是按鍵和動作工作完美，但由於某種原因，定位是關閉在Firefox中。 IE和FF識別元素都與第二個表相關聯，但由於某些原因，Firefox繼續認爲（0,0）是頁面的左上角，而不是關聯的表。多謝你們。

Answer 1

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

Answer 2

當給項目一個絕對定位時，您將自動從下一個定義的容器中分配該絕對定位。此容器還必須具有絕對定位，以使這些子元素具有父容器的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中有很多奇怪的編碼樣例......這很奇怪，但總是最好做到這一點。 :)

Answer 3

不能相對定位表格單元格，這就是爲什麼絕對定位並不在表中工作;）

我建議你把容器的div主表單元格width: 575px height: 300px;或匹配內部該單元格的內部寬度高度和相對位置而不是