flexbox and non suportive browsers -...

User 78051 Photo


Registered User
201 posts

hi guys

just wondering how older browsers would render content that has had flexbox associated with it? does it just ignore it and use the css associated with the parent container?

cheers

Jamie
User 434929 Photo


Ambassador
938 posts

Who really cares for IE 9? but if you really need to provide is modernizr's Flexbox with fallback of .no-flexbox class.
https://css-tricks.com/forums/topic/fle … -fallback/

Go to modernizr.com in development build, download flexbox support only which it has .no-flexbox and provide in your project.

That's best option I know.
Guys at coffeecup are awesometacular.
User 400908 Photo


Registered User
67 posts

@Jamie - I was wondering that too and found this link
developer.mozilla.org/enUS/docs/Web/CSS/CSS_Flexible_Box_Layout/Using_CSS_flexible_boxes#Browser_compatibility

I downloaded the beta and didn't see the flex box in the design tools. I know as soon as i learn all these things I'll be flying
Isabel Smith
Isabel Smith Art and Design
Web and Graphic Design, Illustration and Calligraphy, Pet Paintings too!
www.isabelsmith.com
User 78051 Photo


Registered User
201 posts

Mansour ... wrote:
Who really cares for IE 9? but if you really need to provide is modernizr's Flexbox with fallback of .no-flexbox class.
https://css-tricks.com/forums/topic/fle … -fallback/

Go to modernizr.com in development build, download flexbox support only which it has .no-flexbox and provide in your project.

That's best option I know.


thanks for the solution Mansour..will check it out.

as to supporting IE 9 - ie8 & 9 still equate to a significant proportion of users between them (source https://goo.gl/mmEhC9) so to my mind ignoring them or brushing them under the carpet at this point is still a little shortsighted. lets just hope that these users upgrade far quicker than those who used to use ie6 and caused us untold headaches and problems in the past!!

Izzi wrote:
@Jamie - I was wondering that too and found this link
developer.mozilla.org/enUS/docs/Web/CSS/CSS_Flexible_Box_Layout/Using_CSS_flexible_boxes#Browser_compatibility

I downloaded the beta and didn't see the flex box in the design tools. I know as soon as i learn all these things I'll be flying


thanks Izzi, will check that out as well :)
User 271657 Photo


Ambassador
3,816 posts

You can see the browser info here for Flexbox (and any other HTML/CSS features you want to use):
http://caniuse.com/#feat=flexbox
You can see global usage stats, or specify your country. Hover over a browser version to see the usage for just that one.

In the USA, a lot of old IE usage is due to either Windows XP users, or companies not upgrading systems ($$$). But their employees trying to browse the internet on company time should be used to blocked sites and messed up sites by now. :lol:
I would expect their personal devices (phones, pads, Chromebooks, etc.) are more up to date. The remaining die-hard XP users should be used to glitchy websites by now.

Keep in mind – Even Microsoft no longer supports IE8 & 9, and have moved on to their new Edge browser (so long IE).
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com

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.