0

My website that I'm currently working on have a problem in Firefox 7. A margin pushes the gradient in #wrapper up from the bottom and ruins the flow. I've reset the margin to 0 on body and html already and can't seem to find anything to explain this. Firebug tells me nothing of value on this case.

My code is here and you can look at the website yourself here

BoltClock
  • 700,868
  • 160
  • 1,392
  • 1,356
Victor Bjelkholm
  • 2,177
  • 9
  • 28
  • 50

1 Answers1

1

Just set the body height to 100%. This might help. And also add background-attachment:fixed; to avoid the background scrolling just in case your page scrolling.

Jay
  • 1,384
  • 1
  • 17
  • 30
  • Added both to body and the gradient goes all the way down. But, `background-attachment: fixed;` didn't solve the scrolling problem. – Victor Bjelkholm Oct 25 '11 at 04:36
  • Added `overflow: hidden;` to body and problem is solved. Marking your answer as accepted answer. – Victor Bjelkholm Oct 25 '11 at 04:40
  • Be careful because Adding overflow: hidden; makes page not scrolling if your content is longer then page height and there is a chance in smaller screens like laptops or ipads people see just half of your page. – Jay Oct 25 '11 at 04:49
  • The page I'm making will only be used as a portal and no other content will be added. But, if the screen is very smaller, problems arise. – Victor Bjelkholm Oct 25 '11 at 04:54