#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Oct 2012
    Posts
    4
    Rep Power
    0

    Question Absolute position of an element on different view ports


    Hi guys,

    I'm experimenting with absolute position in CSS. For this I have created the following example:

    https://codepen.io/itsthomas/pen/gxMVqE

    As you can see in desktop-view the handbag is hanging from the pipe. My problem
    is that if I reduce the browser width, the position of the handbag changes, so that it comes bellow the pipe.

    What should I change that the bag is always hanging form the pipe and doesn't change it's position?

    Thanks
  2. #2
  3. Wiser? Not exactly.
    Devshed God 2nd Plane (6000 - 6499 posts)

    Join Date
    May 2001
    Location
    Bonita Springs, FL
    Posts
    6,110
    Rep Power
    4103
    What browser? It stays in place perfectly fine for me in chrome, edge, and firefox when I resize the browser window.
    Recycle your old CD's



    If I helped you out, show some love with some reputation, or tip with Bitcoins to 1N645HfYf63UbcvxajLKiSKpYHAq2Zxud
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Oct 2012
    Posts
    4
    Rep Power
    0
    Originally Posted by kicken
    What browser? It stays in place perfectly fine for me in chrome, edge, and firefox when I resize the browser window.
    Thanks for your answer, but meanwhile I fixed the problem by adding position relative to the wrapper.

IMN logo majestic logo threadwatch logo seochat tools logo