The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Part of background image moves on browser resize

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #44084

    I am working on fixing a theme on vbulletin but I can’t figure out how to get this image to stop moving when the browser width drops below 1280px. you can view the site at
    here is an image of the problem:

    here is the css of the element:

    .above_body {
    background: transparent url(;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;


    Site linked seems to be Flash so I can’t inspect it.

    I’m assuming you want the image centered so `background-position: center top` should work I think.


    edited top link to reflect forum part of site instead of the flash splash page. sorry for the inconvenience.

    On another note, you will have to change the theme by going to the theme selector at the bottom of the page as this is not the current default forum theme.

    As for the background-position: center top, it does not fix the problem.

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.