2012-02-08 10 views
1

Я меняю реализацию Openx, и я добавил нижний колонтитул. Он всегда находится внизу, и если страница слишком длинная, вам нужно прокрутить вниз, чтобы увидеть нижний колонтитул. Но я пытаюсь сделать это, поставив нижний колонтитул в нижней части видимой части. Вы знаете, что они помещают раздражающие знамена прямо внизу, и даже когда вы прокручиваете вниз или вверх, он все еще там. Я не знаю его имени. Прямо сейчас нижний колонтитул находится внизу. Не внутри div, так что он всегда находится внизу. Но есть ли способ сделать его положение точно размером видимой части страницы? Мой английский недостаточно, чтобы рассказать вам, что я имею в виду, я думаю. Сейчас у меня проблемы с английским. Любые идеи о том, как это сделать? Это css нижнего колонтитула;Как разместить нижний колонтитул внизу видимой страницы?

.footer{ 
    position: relative; 
    margin-top:-100px; 
} 

и помещают как

<body> 
    some divs.. 

    <div class="footer"> 
    </div> 

</body> 

я должен поставить колонтитул в одном DIV выше? Я попробовал, но это не сработало. Может быть, позиция должна быть относительно видимой высоты страницы?

+0

Справа от Вашего вопроса есть некоторые должности, перечисленные в разделе 'Related'. Первый из них: «Как вы видите нижний колонтитул в нижней части веб-страницы?». Возможно, вы решите свой вопрос – DKSan

+0

предлагаемые вопросы, которые я смотрел, придерживая нижний колонтитул внизу. Но я предполагаю, что я имею в виду, когда нижний колонтитул внизу на экране? – Ada

ответ

4

попробуйте сделать folllowing CSS

.footer{ 
    width:100%; 
    position:fixed; 
    bottom:0px; 
} 

И убедитесь, что ваш колонтитул DIV последними дел.

Положение фиксируется делает ваш колонтитул пребывание в том же месте, даже если окно браузера прокручивается

+0

Спасибо, что это сработало. Я также нашел веб-сайт, который имеет то, что я хочу, и когда я посмотрел на него с помощью Firebug, он такой же, как ваш! Спасибо – Ada

1

Не уверены, что вы хотите достичь.

Но если вы хотите, чтобы ваша сноска всегда в нижней части страницы, попробуйте следующее: http://jsfiddle.net/dV44J/

.footer{ 
width: 100%; 
height: 50px; 
position: fixed; 
bottom: 0px; 
} 
+0

Спасибо, тоже. Но я исключил высоту. – Ada

Смежные вопросы