Firefox Android text placement different

Discuss how to use and promote Web standards with the Mozilla Gecko engine.
Post Reply
gluepack
Posts: 5
Joined: April 8th, 2012, 3:16 am

Firefox Android text placement different

Post by gluepack »

I have a weather site and produce an image of my weather console with text and image overlays.
It displays fine in Chrome and Firefox under Windows and in Chrome under Android, even as a Chrome Web App.
However, despite the fact that the image overlays are placed correctly, in Firefox under Android the text is displaced downwards by a few px.
Anyone know why?
It is only the version that I modified intending to use on my tablet and you can see it at http://www.jerbils.info/saratoga/pceconsolem.php
The base version used in my website (same url except pceconsole.php) displays fine.
Apart from the additional html code needed to suit the Chrome Web App, the only real difference is that the associated css file has a margin/padding reset at the start. Is there a difference between the way that Win Firefox and Android Firefox handle that?

It also displays fine in Photon, Dolphin and the default browser.
User avatar
DanRaisch
Moderator
Posts: 127222
Joined: September 23rd, 2004, 8:57 pm
Location: Somewhere on the right coast

Re: Firefox Android text placement different

Post by DanRaisch »

Moving to Web Development where folks more likely to be able to speak to the issue hang out.
gluepack
Posts: 5
Joined: April 8th, 2012, 3:16 am

Re: Firefox Android text placement different

Post by gluepack »

Well, it does appear to be with the reset. I was just using a simple margin/padding reset. However, although it seems like overkill to me, this version of reset seems to work...

http://meyerweb.com/eric/tools/css/reset/
gluepack
Posts: 5
Joined: April 8th, 2012, 3:16 am

Re: Firefox Android text placement different

Post by gluepack »

Duplicate post due to extremely slow response.
Post Reply