2011-12-22 6 views
0

Я подготовил этот маленький прекрасный образ:960 сетка с боковой панелью?

enter image description here

Это, по существу, что мне нужно достичь.

Im используя 960 Grid System

даже возможно ли это?

Ive попытался это:

<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> 

, но я не знаю, как идентификатор положить врезку в !!

редактировать

я просто попытался иерархию следующим образом:

<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> 

но мега не удалось :(

+0

Вы пробовали? –

+0

Да, это возможно (не шутка). – jjmontes

+0

Вы просмотрели демо-страницу? http://960.gs/demo.html – maiwald

ответ

5

Вам нужно будет гнездиться в .grid_4 и .grid_8 содержание дивы в .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>