Browser rendering issue...

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 :wink: 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!

Wild guess Are you using resource (Font?) that the windows box is missing?

On those containers, set the scroll bars to Never and try again. There are always subtle differences between browsers and platforms, so ie may just think it needs scroll bars for some reason.