We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

My css background color doesn't stop, making the page long

  • 5 svar
  • 1 har dette problemet
  • 3 views
  • Siste svar av Kevin

more options

When I view the site I'm working on using firefox for android, it looks OK if the site is viewed landscape. However, when the site is viewed portrait, the color defined in body {background: #185fa0;} continues on, making the page unnecessarily long. The image is an example, I would like the blue background to finish much closer to the content, like it does in every other browser. Can anyone advise?

Thank-you!

When I view the site I'm working on using firefox for android, it looks OK if the site is viewed landscape. However, when the site is viewed portrait, the color defined in body {background: #185fa0;} continues on, making the page unnecessarily long. The image is an example, I would like the blue background to finish much closer to the content, like it does in every other browser. Can anyone advise? Thank-you!
Attached screenshots

All Replies (5)

more options

A screenshot is mostly useless when it comes to coding issues.

more options

kbrosnan said

A screenshot is mostly useless when it comes to coding issues.

I was thinking that is could be related to this bug? https://bugzilla.mozilla.org/show_bug.cgi?id=886969

more options

Does your code use overflow: hidden?

more options

kbrosnan said

Does your code use overflow: hidden?

I can't use overflow: hidden as I want to be able to scroll down the page so that content can be seen. In firefox for android, there is loads of space under the content, which no other browser seems to have. So I thought it could be related to this bug https://bugzilla.mozilla.org/show_bug.cgi?id=886969

Endret av matthewpoll

more options

That would be impossible as you are not using overflow:hidden. How about showing some actual code?