боковая панель прокрутки Twitter - PullRequest
0 голосов
/ 19 марта 2012

Я пытаюсь добавить среду загрузки Twitter в свой проект django, и я немного застрял.Я хочу создать веб-страницу, не похожую на Google Maps.

На изображении ниже я хочу иметь фиксированный заголовок, зеленый (пожалуйста, игнорируйте специфический для Google контент, для меня это только навигационная панель), на остальной части страницы преобладает карта, желтый и вбоковая панель - два рекламных объявления Google (или любые другие объявления) сверху и снизу (синие). Большинство из них легко, однако возникают проблемы, когда я хочу, чтобы полоса прокрутки была справа, а содержание было больше, чем позволяет страница (и, таким образом,прокрутка) Кто-нибудь когда-либо делал это или есть рабочий пример?Я не знаю, должен ли я использовать класс боковой панели или нет, также я думаю, что он более левый центовый в действии и с ним нужно работать, чтобы работать справа

РЕДАКТИРОВАТЬ:

Похоже, у меня недостаточно очков репутации для публикации изображения, его можно найти здесь:

http://www.flickr.com/photos/douglaskastle/6996262105/sizes/l/in/photostream/

1 Ответ

0 голосов
/ 20 марта 2012

Я понял, что это решение моего вопроса, просто я посмотрел на него неправильно:

Исправлена ​​навигация по боковой панели в жидком Twitter-загрузчике 2.0

Я пропустил это в первый раз, потому что я хотел, чтобы мой контент / карта были статичными, а боковая панель прокручивалась. Я только что добавил в шаблон HTML:

<style type="text/css">
.map-fixed {
    padding: 9x 0;
    position: fixed;
    width : 510;
}
</style>

так что в теле моего шаблона я смог исправить карту вместо боковой панели

<div class="container">
  <div class="row">
    <div class="span12">
        <div class="row">
            <div class="span7 map-fixed">
                {{ form.map }}
            </div> 

            <div class="span5 offset7">
                <div>{{ string|safe }}</div>
            </div>  
        </div>  
    </div>  
  </div>  
</div>  
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...