Forgot how to properly tame the CSS layout beast, you say? Or didn’t learn it in the first place? Worry not, since here’s a list of a couple of the best and easiest layout techniques.
Contents
The present
Missing something fundamental that should be part of this list? Let me know in the comments!
2. Fluid width, equal hight columns
3. Vertically centered content
The Future
I have good and bad news. The good news is that the W3C CSS Working Group is currently working hard on CSS Grids, an new spec with a very specific goal: To give us back our sanity by fixing the CSS layout mess. The bad news is that the spec is still not implemented in any browser today (Nov 2012), and it might take a while before you can use it in production.
And by the way – while Flexbox is another useful upcoming spec, its main usecases are more granular (perfect for vertical centering!) and not perfectly suited for an overall page layout. That being said, it has one big advantage: You can trial it today in the most modern browsers :) Zoe’s great presentation will get you going if you must.