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.
Firefox Android text placement different
- DanRaisch
- Moderator
- Posts: 127234
- Joined: September 23rd, 2004, 8:57 pm
- Location: Somewhere on the right coast
Re: Firefox Android text placement different
Moving to Web Development where folks more likely to be able to speak to the issue hang out.
-
- Posts: 5
- Joined: April 8th, 2012, 3:16 am
Re: Firefox Android text placement different
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/
http://meyerweb.com/eric/tools/css/reset/
-
- Posts: 5
- Joined: April 8th, 2012, 3:16 am
Re: Firefox Android text placement different
Duplicate post due to extremely slow response.