I’m having some big issues with our site which are browser compatibility issues. Work fine with Chrome, Safari and Opera.
I’m very confident with HTML and CSS, and comfortable with JS.
I’ve taught myself how to do some basics with Vue.JS and combined that with my SVG knowledge to design and build the static foundations of what I hope will feel as fluid when scrolling as this Webflow project.
It looks horrible on IE though, all over the place, with one issue using Firefox (same using Edge) which I can’t debug for the life of me. My boss uses Firefox and our demographic is heavily old or corporate, both of which use IE heavy still. So I’m looking for it to work as expected for Firefox, IE10 + 11 as mentioned. I’m happy just using the outdatedbrowser.com protocol for anything older.
The JS isn’t working on IE even though there are no console errors and if you take a look at the screenshots below, you’ll see the HTML (and CSS?) is all over the place. How do I resolve these issues within WF or through code trickery?
Babel? CSS Polyfill kinda thing? Rebuilding the landing page and accept losing some features? Any ideas welcome.
Thanks in advance guys!
Please see some comprehensive screenshots from different browsers/OS combos below:
Firefox (and Edge) issue:
Windows 7 - IE11 (BrowserStack):