Home/ Questions/Q 8581813
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-11T21:08:31+00:00

I am working on creating a webpage with animated images randomly positioned. My problem

  • 0

I am working on creating a webpage with animated images randomly positioned. My problem is that after a browser re-size images don’t re-position within the container.

I have the images with absolute position and the container div with relative position. I keep seeing the image position with respect to the window rather than the parent div.

Here’s a jsFiddle example of the problem I see. It has colored divs instead of images, but the problem remains.
http://jsfiddle.net/HMSAM/15/

Appreciate any help in this matter. Thanks.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You are positioning that children by setting left: #px (pixels), and when resizing they keep that property.

    If you want to recalculate the position on window resize, just use left: #% (percent). Children will keep the value on resize, but it will mean a different “size-in-pixels”.

    EDIT: Or you can recalculate it, via Javascript, of course.

    • 0