ThemeShaper Forums » Thematic


Background image moves on resize

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

    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?

    Posted 12 years ago #
  2. Devadaru

    Stays put in IE, but moves elsewhere...

    Posted 12 years ago #
  3. Devadaru

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

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

    Posted 12 years ago #
  5. Devadaru

    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.

    background:#01245C url(Images/newbackground.jpg) no-repeat scroll 50% 0;
    Posted 12 years ago #
  6. Devadaru

    100 times thank you!

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

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

    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 11 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.