Background image moves on window resize

  • Resolved SwMy

    (@swmy)


    16 years, 10 months ago

    I’m using a child theme with thematic. The background image moves when the browser window is resized; the wrapper stays fixed to left edge of window (once size is smaller than window). Image is fixed in IE, moves in other browsers.

    http://themetest.vedantadc.org

    Many hours, no solution yet. Hope you can help.

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

    (@kennethwatt)

    16 years, 10 months ago

    Positition:fixed; in css?

    You should just use loreum ispum… BTW for filler text

    Thread Starter SwMy

    (@swmy)

    16 years, 10 months ago

    Position:fixed — just tried that, then the background moves all over the place. Now it moves in relation to the wrapper only when the window is narrower than the wrapper. Thanks though.

    body {style.css (line 37)
background:#01245C url(Images/newbackground.jpg) no-repeat scroll 50% 0;
margin-left:auto;
margin-right:auto;
min-width:940px;
text-align:center;
}
    Thread Starter SwMy

    (@swmy)

    16 years, 10 months ago

    SOLVED finally: added display: table;, and now it stays put.

    Found it here: http://www.webdesignerwall.com/tutorials/how-to-css-large-background/

    thanks to a kind helper at themeshaper forums.

    aackose

    (@aackose)

    16 years, 1 month ago

    Display : table wont work in IE 8. Also Microsoft is planning to discard this display type or i guess discarded.

    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)

    Why depend too much on css properties that can be browser dependent. 🙂

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

The topic ‘Background image moves on window resize’ is closed to new replies.