News for hackers. Stuff that matters.
Re:Flexbox in 5 minutes by Tomte on Wednesday September 09, 2015 @01:58AM (#10189946)
I was looking into flexbox a little time ago and came away with the impression that display:table, while a bit less elegant, is substantially better supported and a plausible solution for right now. Flexbox seemed to be more a possibility for some unspecified future.

(In that both are only supported in relatively recent browsers, but display:table was supported a bit further back, and across some important point, probably some important IE version, but I don't remember the details).

Has that changed?

Re:Flexbox in 5 minutes by azernik on Wednesday September 09, 2015 @04:04AM (#10190302)
Nope [1] - IE support only landed in IE10, and is only really usable in IE11 and Edge. In general, IE 8 and under is currently the cutoff for legacy browsers that no modern web technologies and polyfills will bother supporting anyway, and display:table is supported at least that far back [2].

[1] http://caniuse.com/#feat=flexbox

[2] http://caniuse.com/#feat=css-table

Re:Flexbox in 5 minutes by ghinda on Wednesday September 09, 2015 @06:34AM (#10190664)
Ironically IE9+ support for display:table is worse then IE8-, especially regarding inherited dimensions on child elements.

I wrote a small grid library[1] using display:table, as a flexbox alternative for older browsers, and had no choice but to use js to fix IE support.

Firefox also has some issues, don't know if because of the spec or the implementation, but those can be worked around with css.

[1] https://github.com/ghinda/gridlayout

Re:Flexbox in 5 minutes by lenkite on Thursday September 10, 2015 @09:29AM (#10197872)
How do you wrap lines using display:table ? Flexbox allows wrapping and alignment along the cross-axis.
Re:Flexbox in 5 minutes by oblio on Wednesday September 09, 2015 @03:26AM (#10190197)
display: table is cool but as far as I remember if you want to do something equivalent to colspan or rowspan you're in for a lot of trouble... :(