How to made my background image strech if I dynamicaly insert DIV in the middle of the page

Posted by Alain on Stack Overflow See other posts from Stack Overflow or by Alain
Published on 2010-05-19T20:46:02Z Indexed on 2010/05/19 21:10 UTC
Read the original article Hit count: 398

Filed under:
|
|

Hi, I have a background image which I apply to the body. The image is only in the bottom and stretch to the entire width of the page. The image is 1 X 320 px.

body {
    background-image: url("../images/bg-main.gif");
    background-position: 0% 100%;
    background-repeat:repeat-x;
}

The rest of my web site is in 1024 X 768 resolution.

It works perfectly until I dynamically insert a new DIV in the middle of the page using javascript. It cause the browser scroll bar to appear and when I scroll down to the bottom, I can see the image stopping right at it's original position.

How can I make my image get down again without reloading the page ??? I'm using the EXTJS framework to avoid reloading the page...

Thanks Alain

© Stack Overflow or respective owner

Related posts about html

Related posts about JavaScript