I've noticed this problem on several sites since I switched to using Chrome (Mac) full time.

When I visit a page, occasionally, the background image won't display to the bottom of the page. If you resize the window (to any dimensions) the background image suddenly appears.

See the before window resize: http://www.bridgeserver3.co.uk/tcc/bug.jpg After the window has been resized: http://www.bridgeserver3.co.uk/tcc/bug1.jpg

Does anyone have any idea why this is happening? or what can be done to fix it.



3 answers


This may be caused by web designers attaching backgrounds to the body element, but not the html element. It's been my experience that using something like...

html, body { background: blue; }

...tends to work better for Chrome/Safari than just using body.

Answered over 9 years ago by Joshua Clanton

This seems to happen occasionally to me as well. It used to be really bad, on pages like daringfireball.net you would see all sorts of weirdness while it was building the page. Lately, though, it hasn't been quite as bad.

I'm pretty sure that it's a known issue, since it seems to be 'so common'. I can't seem to find anything in the webkit bug tracker, though.

Answered over 9 years ago by Nathan DeGruchy
ariel 0

I noticed this problem, too. I added the "html" part to my CSS and that seemed to fix the problem where the background doesn't extend to the bottom, but there are other background problems that still remain until resizing the page.

Answered about 9 years ago by ariel