960gs и петли - PullRequest
       6

960gs и петли

0 голосов
/ 09 ноября 2011

Я работаю над макетом для моей веб-страницы, и у меня возникла проблема с 960gs.

Я использую тег раздела, который будет содержать записи и боковую панель.

Когда добавляется новая запись, боковая панель перемещается вниз до последней записи.

Как это должно выглядеть:

Как это выглядит:

<section class="container_24">   
{% for n in publisher.object_list %}
<article class="grid_16" style="background: white; height: 100px;">Article</article>
{% endfor %} 
<div class="grid_5" style="background: white; height: 100px; background: red;"> Sidebar </div>

Записи нажимают на боковую панель, и я хочу избежать этого

Как это должно быть решено? Используя относительный контейнер на абсолютной боковой панели? Или это возможно сделать с 960gs?

Ответы [ 2 ]

0 голосов
/ 10 ноября 2011

Я нашел другой, более лучший способ решения моей проблемы.

Я создал дополнительный блок (как это было) и еще один div для статей, в которых я зациклил тег.Таким образом, чтобы получить эффект, который мне нужен, чтобы расположить только 2 блока (в сторону и div)

                <aside class="grid_8 push_16">
                Sidebar
            </aside>
            <div class="grid_16 pull_8" style="">
                {% for n in publisher.object_list %}
                <article class="grid_16">
                    <div class="grid_4 alpha">
                        <div>{{n.date_added|date:"j E Y "}} r.</div>
                        <div>{{n.date_added|date:"Y "}} r.</div>
                        <div style="text-align: center;"><img src=""></div>


                    </div>
                    <div class="grid_12 omega">
                        <h2>{{n.title}}</h2>
                        <hr>
                        <div class="">
                            {{ n.text }}
                        </div>
                    </div>
                </article>
                {% endfor %}
            </div>

Это было так просто:)

0 голосов
/ 09 ноября 2011

Если подумать, просто добавьте {position:absolute;} к .container_24 .grid_5 {

и ваша страница должна выглядеть как нужно

...