Results 1 to 2 of 2
-
01-30-2012, 07:01 PM #1
- Join Date
- Apr 2008
- Location
- Boston, USA
- Posts
- 13,175
- Thanks
- 744
- Thanked 699 Times in 550 Posts
- Blog Entries
- 4
- Feedback Score
- 4 (100%)
Background Image Does Not Display on Scrolled Part
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:
Similarly we can solve for the horizontal scroll area.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>Free Classified Ads & BUSINESS/PROFESSIONAL SOCIAL NETWORK
-
01-31-2012, 01:54 AM #2
Freshman
- Join Date
- Dec 2011
- Location
- Phoenix, AZ. USA
- Posts
- 20
- Thanks
- 0
- Thanked 0 Times in 0 Posts
- Feedback Score
- 0
Try using min-height. Or maybe add a div with min-height:100%
Similar Threads
-
background image
By slanluc in forum HTML / DHTMLReplies: 5Last Post: 12-12-2011, 06:23 AM -
Background Image Disappears Sometimes in IE
By manik in forum CSSReplies: 6Last Post: 06-06-2011, 02:07 PM -
Is it possible to customize your background, add image to your background in Facebook?
By alodia in forum Social Network MarketingReplies: 5Last Post: 02-15-2011, 12:46 AM -
background image problem! please help.
By cavinsmither in forum Graphics Design & Web DesignReplies: 6Last Post: 01-02-2011, 04:15 PM -
Background image
By shannonpaul2 in forum Search Engine OptimizationReplies: 1Last Post: 10-19-2010, 04:56 AM


Reply With Quote

