Мой проект понг не позиционируется прямо в FF

Question

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

Привет, ребята, поэтому я исправил все свои проекты, кроме понга, на вкладке четвертого квартала сайта. Это нажатия клавиш и движения работают отлично, но по какой-то причине в Firefox позиционирование отключено. И IE, и FF, распознающие элементы, связаны со второй таблицей, но по какой-то причине firefox продолжает считать, что (0,0) - это верхний левый угол страницы, а не связанная таблица. Спасибо, ребята.

Answer 1

При назначении предметам абсолютного позиционирования вы автоматически назначаете это абсолютное позиционирование из следующего определенного контейнера.Этот контейнер также должен иметь абсолютное позиционирование, чтобы эти дочерние элементы имели абсолютное позиционирование от позиции 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 для их хранения,может показаться, что в вашем случае вы могли бы использовать более простой подход (хотя и нахмурился), создав три столбца в вашей таблице и используя выравнивание по левому краю на td paddle1 и выравнивание по правому на td paddle2 ... Опять же, но я бы предложилВы пишете это, чтобы использовать слои div для управления макетом, поскольку это то, что в настоящее время считается «правильным».

Вот удобная ссылка для просмотра позиционирования.По сути, это дает вам понять, что в большинстве браузеров свойство position довольно некорректно.Я уверен, что это работает в IE, потому что, ну, есть много странных примеров кодирования, которые работают в IE ... Это странно, но всегда лучше делать это правильно.:)

Answer 2

Вы не можете относительно позиционировать ячейку таблицы, поэтому абсолютное позиционирование не работает в таблице;)

Я бы посоветовал вам поместить контейнер div внутри этой основной ячейки таблицы width: 575px height: 300px; или соответствовать высоте внутренней ширины этой ячейки и относительно позиционировать ее вместо

Answer 3

Вам понадобится добавить position: relative; к содержащемуся div для весла.