Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>When giving items an absolute positioning, you are automatically assigning that absolute positioning from the next defined container. This container must also have absolute positioning for these child elements to have absolute positioning from the 0,0 position of the parent container.</p> <p>Here is your code (from your page):</p> <pre><code>&lt;table height="300" width="575" bordercolor="#000" border="1px" style="position:relative;"&gt; &lt;tr&gt; &lt;td&gt; &lt;img src="Images/Paddle1.JPG" style="position:absolute; top:5px; left:3px;" id="Paddle1" /&gt; &lt;img src="Images/Paddle2.JPG" style="position:absolute; top:5px; left:555px;" id="Paddle2" /&gt; &lt;img src="Images/Ball.JPG" style="position:absolute; top:120px; left:265px;" id="Ball" /&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; </code></pre> <p>In order for absolute positioning for the images to work the way you want them to in FF, you'd have to absolutely position the table containing them.</p> <p>While I would suggest you use div layers for containing them, it would appear that in your case you could use an easier approach (albeit frowned upon) by creating three columns in your table and use left alignment on the paddle1's td and right alignment on the paddle2's td... Again, but I'd suggest you write it to use div layers to control layout as that's what's considered "proper" nowadays.</p> <p><a href="http://reference.sitepoint.com/css/position" rel="nofollow">Here's</a> a handy reference to view on positioning. Basically it's letting you know that the position property is pretty buggy in most browsers. I'm sure it works in IE because, well, there are a lot of odd coding samples that work in IE... It's strange, but always best to do it proper. :)</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload