Latest CSS recipes tagged "column"http://code.activestate.com/recipes/langs/css/tags/column/new/2010-09-15T17:13:26-07:00ActiveState Code Recipesquick 3-column grid CSS (CSS) 2010-09-15T17:13:26-07:00Trent Mickhttp://code.activestate.com/recipes/users/4173505/http://code.activestate.com/recipes/577391-quick-3-column-grid-css/ <p style="color: grey"> CSS recipe 577391 by <a href="/recipes/users/4173505/">Trent Mick</a> (<a href="/recipes/tags/column/">column</a>, <a href="/recipes/tags/grid/">grid</a>, <a href="/recipes/tags/layout/">layout</a>). </p> <p>CSS snippet for a 3-column grid. Based on that used for some Apple product pages.</p> <p>HTML:</p> <pre class="prettyprint"><code>&lt;div class="grid3col"&gt; &lt;div class="column first"&gt; ... &lt;/div&gt; &lt;div class="column"&gt; ... &lt;/div&gt; &lt;div class="column last"&gt; ... &lt;/div&gt; &lt;/div&gt; </code></pre> <p>In general, you have to recalculate the widths based on (a) the available full width in your pages and (b) the amount a spacing you want between columns.</p>