treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Multiple Absolute positioning

  • Great forum !

    Trying to get mutiple items to line up on the right side of the main image. ( the size of the image varies )

    Is there a way to get this to work on different browsers ?

    The buttons are partialy on the image on the ipad and on the far right side of the screen on 20" imac....seem okay on avg laptop.

    http://www.kateyoungerdesigns.com/page80.html



    Thanks in advance

    Bart
  • As a general rule I dislike using absolute positioning. There are a lot of better ways to get things in the right spot without resorting to it.



  • I would avoid absolute positioning for any elements and use it only for presentation like ribbons that go beyond the container for example.

    I would recommend restarting and creating a proper div system that has heights, padding and margins that achieve the same effect.

    The absolute positioning problem you're having may be related to the parent containers. You need to make sure if you are using it that parents have position: relative; when their children are positioned absolutely.
  • andy_unleash beat me to it. There is so much going on in there it's tough to figure exactly how it's supposed to look let alone work out how to help.