Background Image Does Not Display on Scrolled Part

**manik** · 01-30-2012, 07:01 PM

Consider this case:
You have a large background image.
Your page content is large enough to have some vertical scrolling.
Your background image is large enough to cover the scroll part, however thats not happening.

Solution:
Enforce background height for the entire height using min-height.

example:

Code:

<html>
<head>
<style>
html body {margin:0; padding:0; height:100%;}
.background-main {    background:url(../img/bg_site.jpg) top center no-repeat; margin:0 0 0 0; 
    min-height: 100%;
    height: auto !important;
    height: 100%;}
</style>
</head>
<body></body>
</html>

Similarly we can solve for the horizontal scroll area.

**ipxcore** · 01-31-2012, 01:54 AM

Try using min-height. Or maybe add a div with min-height:100%

Thread: Background Image Does Not Display on Scrolled Part

Thread Tools

Display

Background Image Does Not Display on Scrolled Part

Similar Threads

background image

Background Image Disappears Sometimes in IE

Is it possible to customize your background, add image to your background in Facebook?

background image problem! please help.

Background image

Tags for this Thread

Posting Permissions