position fixed Image outside page

  • Resolved 53peterp

    (@53peterp)


    11 years, 4 months ago

    I am trying to position an image on the outside left and right of the page. The page has a fixed width so does not collapse. I have tried adding the image to the header.php but when browser window is made smaller the image moves out of position in relation to the page.

Viewing 4 replies - 1 through 4 (of 4 total)

  • seems to be a general html/css problem rather than WordPress related.

    please post a live link if you would like to get any comments on your problem.

    Thread Starter 53peterp

    (@53peterp)

    I’ve setup a testing server at home so it is not a real site here is the address https://arrowhill.dyndns.org/wpress1/

    As you can see the fish on the right hand side of the page slides under the page as the browser is made smaller I want the fish to stay in position and not collapse.

    I am thinking that I need to add a div around the page and position the fish absolutely but I am not sure where to put the div to achieve this

    try:

    #badge {
    position: fixed;
    right: 50%;
    top: 450px;
    z-index: -30;
}
#badge img {
position: absolute;
    left: 490px;
    top: 20%;
}

    this kind of question might be better suited for a CSS forum like https://csscreator.com/forum

    Thread Starter 53peterp

    (@53peterp)

    Thanks for that alchymyth much apprecitated that is just what I wanted. I’ll try the other forum next time as you suggested.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘position fixed Image outside page’ is closed to new replies.