Hi all,
I’m hoping someone can help me figure out what’s going on.
Ok, I’ve put together an app to act as a proof of concept - all is good. I have developed it on OSX using XoJo, viewing the pages in:
Safari
Chrome
Mobile Safari on the iPad
“Browser” on Android phone (not Chrome on Android)
On OSX, it all renders how I envisioned given my lack in UI design skills I compiled the app as CGI and standalone to compare the speed on the server, uploaded the apps to the server and tested - once again, on OSX, iPad and my Android phone, it rendered as I expected.
I step over to my Windows laptop and try it in Chrome… First problem occurs - for some reason one of the web containers doesn’t render correctly at all. The label fields have been squashed to a single pixel row each for the 3 labels, and there is now also a scroll bar at the bottom of the container that wasn’t there…
I test it on IE (11.07 desktop mode), I get slightly better results - I can now read 2 of the three lines of text, the third line has been scrunched down so only the top 3rd of the letters show, and there is also a scroll bar at the bottom of my container (there shouldn’t be one there).
I figure there must be some internal CSS on the browsers on windows that is screwing up my layout - any suggestions on how to fix? Also kinda odd that it works right in Chrome on OSX but not Chrome on Windows!