incorrect display in IE

User 450830 Photo


Registered User
136 posts

I'm making this website. http://teamlandveld.nl/
IE the flexbox is not displayed properly.
What can I do about it.
User 103173 Photo


VP of Software Development
0 posts

Looks fine here for me using Edge and IE 11.

https://s32.postimg.org/5mnq16mfp/Screen_Shot_2016_06_23_at_2_41_31_PM.png

https://s31.postimg.org/960fbxnl7/Screen_Shot_2016_06_23_at_2_42_43_PM.png
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 450830 Photo


Registered User
136 posts

Hi Scott
in chrome firefox is ok, but not with me in IE11. If you scroll down to see the difference IE11 gets fewer blocks together
User 2484360 Photo


Registered User
3,293 posts

Not sure we follow you here Ger. Can you provide screenshots of what is not displaying properly?
User 450830 Photo


Registered User
136 posts

see pictures First is IE11 flexbox two columns side by side, but it should be three. see picture two chrome

http://gervanveen.nl/ie.jpg

http://gervanveen.nl/chrome.jpg
User 2484360 Photo


Registered User
3,293 posts

Can you provide a link to your project file so we can have a look?
User 232214 Photo


COO
819 posts

Very likely this has nothing to do with Foundation Framer, but with the partial support for flexbox by IE11. At this stage it's the only browser remaining with partial support (http://caniuse.com/#feat=flexbox), although nothing totally breaks some quirks as the above are to be expected. Some can be worked around using specific width settings.
The future of web layout has arrived and it's called CSS Grid. CoffeeCup helps you to get ready with a free guide, the Grid Builder app plus cool demos & themes.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.