960 grid system with sidebar?

Question

I've prepared this lovely little image:

enter image description here

This is essentially what I need to achieve.

Is it even possible?

Ive tried this:

<div class="grid_8"></div>

<div class="clear"></div>

<div class="grid_4"></div>
<div class="grid_4"></div>

<div class="clear"></div>

<div class="grid_4"></div>
<div class="grid_4"></div>

but i dont know how id put the sidebar in!!

edit

i just tried hierarchy like so:

<div class="grid_8">
    <div class="grid_4"></div>
    <div class="grid_4"></div>
    <div class="clear"></div>
    <div class="grid_4"></div>
    <div class="grid_4"></div>
    <div class="clear"></div>
</div>
<div class="grid_4"></div>

but that mega failed :(

Yes, it is possible (not joking). – jjmontes Dec 22 '11 at 10:21 — jjmontes, Dec 22 '11 at 10:21
have you looked at the demo page? http://960.gs/demo.html – maiwald Dec 22 '11 at 10:34 — maiwald, Dec 22 '11 at 10:34

score 5 · Accepted Answer · answered Dec 22 '11 at 10:35

5

You will need to nest the .grid_4 and .grid_8 content divs in a .grid_8:

<div class="grid_8">
    <div class="grid_8 alpha omega"></div>
    <div class="grid_4 alpha"></div>
    <div class="grid_4 omega"></div>
</div>
<div class="grid_4"></div>

answered Dec 22 '11 at 10:35

Vlad

10,602
2
36
38

960 grid system with sidebar?

1 Answers1