cancel
Showing results for 
Search instead for 
Did you mean: 

Margin at the top of web page is inconsistent.

Highlighted
New User

Margin at the top of web page is inconsistent.

Hi,

Pages which have been created with the same top-of-page html/css are showing different margins in Firefox. The same problem does not occur in IE or Chrome.

The web site is www.wanglawntennis.com.au. Some pages appear to be about 5mm from the top, while others are 2mm.

In other browsers, all pages are consistently 2mm from the top.

I expect this is more to do with Firefox than the way I have developed the web pages.

Cheers, Frank

6 REPLIES
SUMO Contributor

Re: Margin at the top of web page is inconsistent.

Hello,

In order to better assist you with your issue please provide us with a screenshot. If you need help to create a screenshot, please see How do I create a screenshot of my problem?

Once you've done this, attach the saved screenshot file to your forum post by clicking the Browse... button below the Post your reply box. This will help us to visualize the problem.

Thank you!

New User

Re: Margin at the top of web page is inconsistent.

Thanks Fred McD.

Attached are some screen shots. Also, I have found a pattern to the problem.

Pages with shadow applied to a full width border seem to be the problem.

2014-08-03-19-11-00-5b9836.png 2014-08-03-19-11-07-6f5780.png
SUMO Contributor

Re: Margin at the top of web page is inconsistent.

I think the issue is the web site. I went there and poked around. Using the main buttons, there were two loading styles as you saw.

SUMO Contributor

Re: Margin at the top of web page is inconsistent.

Hi Frank, Fred, AND in a old firefox version (28.0) when open the "calendar" link i have the same screenshot as Frank said above(2mm), also...when open the "coaching" link same think 5 mm gap !!!

thank you

New User

Re: Margin at the top of web page is inconsistent.

I'm not convinced the problem is with the web site. None of the other web browsers show these symptoms.

I have tried with IE and Chrome on Windows, Safari on iPad, Browser/Internet and Chrome on Android (Galaxy Tab).

New User

Re: Margin at the top of web page is inconsistent.

Thanks for the report. This is indeed a Firefox bug -- I reduced the testcase, and it turned out to be a version of https://bugzilla.mozilla.org/show_bug.cgi?id=451791