There are two concepts of "flexbox" -- I'm assuming you're talking about the older one. For more details, see: http://css-tricks.com/old-flexbox-and-new-flexbox/
The new-flexbox spec has stabilized relatively recently, and it's only recently become available in nightly Firefox builds (from our trunk), and it's turned off by default -- so if you're writing production code that you need to ship _now_, I wouldn't recommend relying on new-flexbox quite yet. You can get the layout your'e talking about in both old-flexbox and new-flexbox, though. Demos below -- I've tested these in both Firefox Nightly and Chrome Dev Channel, and they work in both. (For the "new" flexbox version, you need to be using a Firefox nightly build and toggle the about:config pref "layout.css.flexbox.enabled") http://people.mozilla.org/~dholbert/demos/flexbox/old_vs_new/oldflexbox.html http://people.mozilla.org/~dholbert/demos/flexbox/old_vs_new/newflexbox.html Cheers, ~Daniel On 10/17/2012 11:50 PM, edA-qa mort-ora-y wrote: > I'm having some trouble doing a vertical layout with flexible box model, > something that seems like it should be easy. Basically all I want is: > > * Header (constant, but unknown size) > * Body (stretch to fill) > * Footer (constant, but unknown size) > > The constant sizes will be based on whatever content is in those areas. > The entire display will stretch to fill the window (and support user > resizing of that window). > > How do I achieve this? > _______________________________________________ > dev-tech-layout mailing list > [email protected] > https://lists.mozilla.org/listinfo/dev-tech-layout _______________________________________________ dev-tech-layout mailing list [email protected] https://lists.mozilla.org/listinfo/dev-tech-layout
