Flex column padding in Pro on IE11

Support
#1

Hi there, I’ve just been building a site with the latest build of Pro (the latest version is amazing by the way!), but am having issues using flex on columns with regards to how it displays on IE11.

As much as I’d like to not support IE11 and have it looking great on all modern browsers we don’t have that option as 40% of visitors are on IE (kill me now!).

I’ve managed to fix flex so that text at least stays within a column by making sure max width is set to 100%, but when setting the padding on the column, IE seems to completely ignore the settings.

Is there any CSS tweaks I need to add to get IE to actually into account the padding on a Flex Column?

Thanks

#2

Hey Mark,

Regretfully, IE renders differently than other browsers in this regard.

The workaround is to set the Column’s padding on all sides to 0 and apply the padding to the Text element instead. This is the cross-browser compatible setup.

Hope that helps.

#3

Thanks for the help, that was the only fix I found as well, was just hoping there was a sneaky bit of css we could add to fix it, would have been nice! I can dream :wink:

#4

Hi Mark,

Please try the solution provided here, feel free to adjust the padding values.

Cheers!

#6

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.