Streaming live at 10am (PST)

IE 11 100% width issue and Flexbox


#1

any ideas why my 100% width isn't working on IE 11?

https://preview.webflow.com/preview/healthyforestfacts?preview=025d905c4219ff3e2848cbd97cd63146


#2

This is what I see in the designer. What structure are you trying to achieve? It's a bit difficult to test because I can't publish and view in IE after I change settings. If you can give me an Idea of layout then I might be able to duplicate. What's the bar on the right edge supposed to hold?


#3

Hi @jawtab, the issue might be is that there is that the pagewrapper is set to display flex.

IE 11 has some compatibility issues with flexbox, so to get this working on IE11, I would not use any flexbox styling, but instead use Display/Floats/Position to layout the page elements.

Take a peek here on IE11 and issues with flexbox: http://caniuse.com/#feat=flexbox

I hope this helps!


#4