Comments on: Proposal: Stretch elements(s) via CSS http://blog.mageprojects.com/2009/05/30/stretch-elementss-via-css/ Sun, 05 Sep 2010 09:20:08 +0000 hourly 1 http://wordpress.org/?v=3.0 By: gbbqyp http://blog.mageprojects.com/2009/05/30/stretch-elementss-via-css/comment-page-1/#comment-600 gbbqyp Tue, 23 Jun 2009 01:49:40 +0000 http://blog.mageprojects.com/?p=144#comment-600 UNt9p6 <a href="http://wetaxynsqczn.com/" rel="nofollow">wetaxynsqczn</a>, [url=http://aqevsthqufge.com/]aqevsthqufge[/url], [link=http://wulkvazqhmgh.com/]wulkvazqhmgh[/link], http://jhfhhugrjgzl.com/ UNt9p6 wetaxynsqczn, [url=http://aqevsthqufge.com/]aqevsthqufge[/url], [link=http://wulkvazqhmgh.com/]wulkvazqhmgh[/link], http://jhfhhugrjgzl.com/

]]> By: Xanthir, FCD http://blog.mageprojects.com/2009/05/30/stretch-elementss-via-css/comment-page-1/#comment-587 Xanthir, FCD Tue, 02 Jun 2009 21:40:38 +0000 http://blog.mageprojects.com/?p=144#comment-587 (Communicated with the author privately on the CSS list, but posting here as well to address this in a public manner.) The proposal as written is somewhat unnecessary. Most real-life scenarios where this is needed (the ever-present multi-column layout that you use as your example is one) can be handled right now in modern browsers (including the newly release IE8) with the table-* display types. Wrap the multiple columns in a container div set to display:table, then make the columns display:table-cell and they'll automatically stretch to the same height. Now, using a container div isn't ideal, but thems the breaks when you try to use CSS, which is still not quite a layout language, for layout purposes. (Though this is still way better than the *horrendous* float-based hacks common these days.) Some of the new proposals will help out with that. Template Layout, frex, is *designed* to add major layout capabilities to CSS in a super-simple, easy-to-understand way. You vaguely disparage Template Layout as using "ASCII art", but seriously, don't knock it til you try it. It's *awesome* in use, and ridiculously easy. (I'm currently using Alex Deviera's js implementation of it on a few toy sites, and *man* does it make layout easy.) (Communicated with the author privately on the CSS list, but posting here as well to address this in a public manner.)

The proposal as written is somewhat unnecessary. Most real-life scenarios where this is needed (the ever-present multi-column layout that you use as your example is one) can be handled right now in modern browsers (including the newly release IE8) with the table-* display types. Wrap the multiple columns in a container div set to display:table, then make the columns display:table-cell and they’ll automatically stretch to the same height.

Now, using a container div isn’t ideal, but thems the breaks when you try to use CSS, which is still not quite a layout language, for layout purposes. (Though this is still way better than the *horrendous* float-based hacks common these days.) Some of the new proposals will help out with that. Template Layout, frex, is *designed* to add major layout capabilities to CSS in a super-simple, easy-to-understand way.

You vaguely disparage Template Layout as using “ASCII art”, but seriously, don’t knock it til you try it. It’s *awesome* in use, and ridiculously easy. (I’m currently using Alex Deviera’s js implementation of it on a few toy sites, and *man* does it make layout easy.)

]]>