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: 404
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