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><div class="grid3col">
<div class="column first">
...
</div>
<div class="column">
...
</div>
<div class="column last">
...
</div>
</div>
</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>