Layout problem in Internet Explorer

Design help General
#1

Any ideas on why our website is having serious layout issues on Internet Explorer?
Here is what it is doing on I.E. The Nav bar is shifting all the way over and it looks like the image and divs are all zoomed in quite a bit.

58577215324__2C3E9FC6-BBBB-4709-997C-BD9CD50EF6DB

Here is my site Read-Only: https://preview.webflow.com/preview/real-estate-2d9ddf?utm_medium=preview_link&utm_source=dashboard&utm_content=real-estate-2d9ddf&preview=d9759697fcf8f88fbe55593fa6b039dd&mode=preview
emphasized text

#2

Try changing the container left and right padding to auto and then setting the width to 100%?

13
Screenshot 2019-07-26 at 11.49.13.png474×1460 54.3 KB

#3

Hi @Live_Tour_Network,

Unfortunately, with IE, there are certain things you cant do with flexbox. Like you cannot use % or vh/vw with your settings. It only somewhat works on IE 10/11 and it doesn’t work at all on 9 or older.

Check to see how many users actually still use IE. Most developers do not bother to support IE as it takes longer to create a layout that it will support.

Hope this helps? Here is some resources for your questions: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Backwards_Compatibility_of_Flexbox

Happy Designing,
Brandon