most recent 30 from http://snippetgood.com 2010-09-07T05:33:44Z http://snippetgood.com/feeds/tag/2-column%2blayout http://www.creativecommons.org/licenses/by-nc/2.5/rdf http://snippetgood.com/questions/151/how-do-i-make-two-column-layout-so-that-the-height-of-both-columns-is-100 Antti Sykäri 2009-11-12T03:28:54Z 2010-09-02T20:22:21Z

<p>Assume that</p> <ul> <li>I want a two-column layout, say 200px wide navi and 400px wide content.</li> <li>Either column can have an arbitrary amount of text (so I can't assume that the content is always taller than the navigation, for example).</li> <li>I'd like both columns to have the same height, which is the maximum of the heights they would naturally have.</li> </ul> <p>There are <a href="http://www.pagecolumn.com/2%5Fcol%5Fgenerator.htm" rel="nofollow">lots of</a> <a href="http://www.456bereastreet.com/lab/developing%5Fwith%5Fweb%5Fstandards/csslayout/2-col/finished.html" rel="nofollow">2-column layout examples</a> on the web, but they either depend on the other column always being taller, or use tricks like <a href="http://css-tricks.com/examples/SuperSimpleTwoColumn/" rel="nofollow">colored background images</a> of fixed width.</p> <p>Are tables or javascript the only options?</p>