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
All Replies (6)
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!
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.
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.
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
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).
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