2010-07-13 1 views
0

Моя проблема в том, что мне нужен нижний колонтитул, который всегда находится внизу, даже если прокручивается страница и т. Д., Но я не знаю, как сделать контент ниже нижнего колонтитула.HTML/CSS: Как сделать контент ниже нижнего колонтитула?

Пожалуйста, смотрите приведенный пример, это очень похожая компоновка, у меня есть боковая панель, но вы можете видеть с помощью firebug или что-то в этом роде, что div body не следует нижнему колонтитулу.


Пример: Click for demo

+1

То, что вы сказали в своем вопросе и то, что вы сказали в ответ на rockinthesixstring, кажется, две разные вещи. Из вашего вопроса выше, это звучит как * в исходном коде *, вы хотите, чтобы часть содержимого соответствовала нижнему колонтитулу. В ответе, который вы дали, кажется, что вы хотите, чтобы нижний колонтитул придерживался нижней части экрана, пока страница не дойдет до конца, а затем следуйте нижней части содержимого. Итак, мой вопрос: какой из этих или какой-то третий вариант вы действительно пытаетесь достичь? – ScottS

ответ

1

Вы можете сделать это с Javascript + CSS.

С помощью CSS вы можете поместить нижний колонтитул в нижнюю часть страницы, а с помощью javascript вы можете указать высоту страницы и изменить высоту содержимого.

2

Вы думали об использовании JQuery Sticky Footer найти на http://css-tricks.com

http://css-tricks.com/snippets/jquery/jquery-sticky-footer/
http://css-tricks.com/examples/jQueryStickyFooter/

+0

содержание по-прежнему остается тем же, вопрос не о нижнем колонтитуле, а о части содержимого, я не хочу иметь пустую область между контентом и нижним колонтитулом. – Adam

+1

, тогда извините, я не следую. Если ваш нижний колонтитул просто находится внизу контента, не придерживаясь нижней части страницы, тогда просто создайте нижний колонтитул, который появится после содержимого div ... это не должно быть так сложно. Более сложная опция заключается в том, чтобы нижний колонтитул всегда находился в нижней части страницы. –

+0

Мне нужно оба в одно и то же время. – Adam

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

  • Нет связанных вопросов^_^