Исправлен нижний колонтитул под Div на веб-сайте с прокруткой Horz

У меня есть сайт с этой базовой разметкой -->

Заголовок (фиксированное положение) Область содержимого (высота 598 пикселей) — прокрутка по горизонтали, обычно около 5000 пикселей в ширину Нижний колонтитул

Мне нужно, чтобы нижний колонтитул находился НИЖЕ области содержимого, но при этом оставался фиксированным в центре браузера, как и заголовок. Вот пример того, что нам нужно: http://www.woodberrykitchen.com.

Это сайт, над которым мы работаем: http://starprovisions.com/dev/bacchanalia.html

Кто-нибудь может помочь? Возможно ли, чтобы нижний колонтитул находился ниже (не закрывал) область содержимого, но при этом оставался фиксированным?


scroll css footer fixed
person vitaliandesign    schedule 20.06.2012    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Я попробовал это прямо в браузере, и это сработало просто отлично.

#footer {position: fixed; width: 100%;}
#footer table {margin: auto;}

Кажется, вы возитесь с сайтом, пока мы его обсуждаем. По состоянию на 18:58 GMT+1 вы должны удалить объявление height из #container.

person Jezen Thomas    schedule 20.06.2012
comment
Он по-прежнему прокручивается горизонтально: starprovisions.com/dev/bacchanalia.html Есть ли способ всегда держать его фиксированным под содержимым, которое прокручивается слева направо? - person vitaliandesign; 20.06.2012
comment
Ой, должно быть, не сохранили. Теперь это фиксированное положение, но я не вижу его в своем окне, и оно выровнено по левому краю. Есть ли способ центрировать его на экране и отображать вертикальную полосу прокрутки? - person vitaliandesign; 20.06.2012
comment
Я отредактировал свой ответ. Кроме того, я бы многое изменил в структуре, чтобы она правильно работала на экранах большинства размеров, хотя я думаю, что вам нужно сначала немного покопаться в ней самостоятельно. - person Jezen Thomas; 20.06.2012
comment
Вы такой большой помощник. Спасибо! Моя единственная проблема сейчас в том, что на моем экране (1360x768) я не вижу нижний колонтитул. Я вижу только верхнюю часть и не могу прокручивать по вертикали. Как я могу разрешить появление полосы прокрутки, чтобы я мог прокручивать вверх и вниз по всему сайту? - person vitaliandesign; 20.06.2012