0

I'm working on a bug that when accessing a specific page, the bottom of the page is blank:

I checked with FireBug and the blank area is just empty, no HTML code at all.

My question is: what might cause this kind of problem? It occurs on Firefox, Chrome, IE latest version. Thank you.

EDIT: as my answer mentioned, this caused when applying a background image to a form, instead to the body

Delta76
  • 13,931
  • 30
  • 95
  • 128
  • Actually, your screen height is more than your html page. – SVS Jun 27 '12 at 10:50
  • You can use CSS "trick" to make your main `
    ` span the whole height. See [here](http://stackoverflow.com/questions/485827/css-100-height-with-padding-margin) and here is [live test case](http://jsfiddle.net/xNgKF/) of this.
     – Shadow The GPT Wizard Jun 27 '12 at 10:50
  • I'm not sure if I interpreted your question correctly when I come to think of it.. If you highlight the area that you consider to be "blank" it would be easier to help. – Patrick Jun 27 '12 at 10:50
  • 1
    You're asking for guesses, which is not efficient for you (in getting an answer) or for us (in providing one). Try making a http://jsfiddle.net/ / http://jsbin.com/ test case, or at least linking to the live site. – thirtydot Jun 27 '12 at 10:55

2 Answers2

1

It's blank because you haven't filled it with content. If you want the footer to be placed at the bottom, you could read up on http://www.alistapart.com/articles/footers/

Patrick
  • 17,669
  • 6
  • 70
  • 85
0

After some investigations, I found that the problem caused because we're applying the background-image to the form, instead of the body. I did some modifications in CSS and now it's working as expected.

Thank you.

Delta76
  • 13,931
  • 30
  • 95
  • 128