ThemeShaper Forums » Thematic

[closed]

Background image moves on resize

(8 posts)
  • Started 9 years ago by Devadaru
  • Latest reply from aackose
  • This topic is resolved
  1. Devadaru
    Member

    I placed a background image in the body; now I find that if the browser is resized smaller than the width of the wrapper, the background keeps sliding to the left, to remain centered, while the wrapper stays put at the left edge of the browser window. I can't seem to solve this problem.

    Any suggestions for a remedy?

    http://themetest.vedantadc.org/

    Posted 9 years ago #
  2. Devadaru
    Member

    Stays put in IE, but moves elsewhere...

    Posted 9 years ago #
  3. Devadaru
    Member

    Hope someone can help with this problem; I haven't been able to solve it yet.

    Posted 9 years ago #
  4. I was going to suggesting giving min-width a try, but it looks like you've fixed the issue now?

    Posted 9 years ago #
  5. Devadaru
    Member

    Thanks, but it is not fixed yet. I am stumped. (Shrink browser window so it becomes very narrow, in Firefox or Chrome). What we have is as follows; at least on our machine the background moves in relation to the wrapper when the window shrinks past the width of the wrapper.

    body
    background:#01245C url(Images/newbackground.jpg) no-repeat scroll 50% 0;
    margin-left:auto;
    margin-right:auto;
    min-width:940px;
    text-align:center;
    }
    Posted 9 years ago #
  6. Devadaru
    Member

    100 times thank you!

    the display: table; tag seems to fix it. Oh how I searched for a solution; thanks very much.

    Posted 9 years ago #
  7. I have a solution for this problem. You can go through my post on this.

    http://aackose.wordpress.com/2010/02/27/large-css-background-moves-on-resize-in-ie-8/

    Quick hint: load the same image as background for the body(100% width) as well as the header div (with a fixed width say 1000px)

    Posted 8 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.