• 0

[CSS] Repeat-y background gets cut off at browser window


Question

I am having an issue with CSS and a gradient background.

body{
background:#f4f4f4 url(/images/theme/bg_body.png) top center repeat-y;
color:#333;
}

The background is supposed to tile but it gets cut off if the browser window is too small and you need to scroll down. It just puts white space where the background should be. The website can be found at myoileDOTcom. The login page is a good page to test on because it is shorter. I have played around with height:100% and min-height:100% in the body and html parts but cannot figure this out. It is driving me crazy. Any solutions or ideas would be greatly appreciated. Thanks.

Link to comment
Share on other sites

7 answers to this question

Recommended Posts

  • 0

Thanks for the response. I really appreciate it.

I tried your suggestion. Now I have the problem that if the page is not very long, whitespace takes over after the footer is done when I want the background to continue to the bottom of the browser window. You can see what I mean at myoileDOTcom/login

Link to comment
Share on other sites

  • 0

Thanks for the response. I really appreciate it.

I tried your suggestion. Now I have the problem that if the page is not very long, whitespace takes over after the footer is done when I want the background to continue to the bottom of the browser window. You can see what I mean at myoileDOTcom/login

I can't get into your site :(

Link to comment
Share on other sites

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.