MozillaZine

Firefox Android text placement different

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

Post Posted September 18th, 2015, 3:23 pm

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.

DanRaisch
Moderator

User avatar
 
Posts: 117398
Joined: September 23rd, 2004, 8:57 pm
Location: Somewhere on the right coast

Post Posted September 18th, 2015, 3:48 pm

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

Post Posted September 19th, 2015, 10:06 am

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

Post Posted September 19th, 2015, 10:06 am

Duplicate post due to extremely slow response.

Return to Web Development / Standards Evangelism


Who is online

Users browsing this forum: No registered users and 3 guests