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

Я сделал обертку нижнего колонтитула за пределами обтекания содержимого (в котором находится все остальное). Я хотел бы, чтобы обтекание нижнего колонтитула занимало всю ширину страницы, и я бы хотел, чтобы он был зафиксирован внизу. Вот код:

footerWrap {

background-color:#000;
width: auto;

}

нижний колонтитул {

margin: auto;
text-align:center;
width:965px;
height:150px;
background-color:#000;
border:#000 inset medium;

}

Веб-сайт - item9andthemadhatters.com, пожалуйста, дайте мне знать, если вам понадобится другой код или информация. Спасибо!!

Обновить:

html {padding: 0; высота: 100%; ширина: 100%; }

тело {маржа: -1px 0 0 0; цвет фона: #FFF; семейство шрифтов: calibri; фоновое изображение: URL (images / item9HeaderSideFiller.gif); фон-повтор: повтор-х; отступ: 0; высота: 100%; ширина: 100%; }

сворачивать {

width: 965px;
margin:auto auto;
min-height:462px;
max-height:4000

px;

footerWrap {

background-color:#000;
position:absolute;
bottom:0;
width:100%

}

нижний колонтитул {

margin: auto;
text-align:center;
width:965px;
height:150px;
background-color:#000;

}

}


html css shtml
person 9ete    schedule 13.01.2011    source источник
comment
#footerWrap {цвет фона: # 000; позиция: абсолютная; внизу: 0; width: 100%} #footer {margin: auto; выравнивание текста: центр; ширина: 965 пикселей; высота: 150 пикселей; цвет фона: # 000; }   -  person 9ete    schedule 14.01.2011
comment
html {padding: 0; высота: 100%; ширина: 100%; } тело {маржа: -1px 0 0 0; цвет фона: #FFF; семейство шрифтов: calibri; фоновое изображение: URL (images / item9HeaderSideFiller.gif); фон-повтор: повтор-х; отступ: 0; высота: 100%; ширина: 100%; } #wrap {width: 965px; маржа: авто авто; минимальная высота: 462 пикселей; максимальная высота: 4000 пикселей; }   -  person 9ete    schedule 14.01.2011

Ответы (2)


arrow_upward
2
arrow_downward

Заполнить страницу

width:100%

Чтобы оставаться внизу страницы, решение может быть

position:absolute;
bottom:0;

обратите внимание, что как в теле, так и в html вы должны установить

padding:0
height:100%;
person stecb    schedule 13.01.2011
comment
Спасибо за помощь! Это не сработало. Я выложу еще код. - person 9ete; 14.01.2011
comment
@ hawkeye126, я проверил ваш сайт. Нижний колонтитул внутри обертки! Вы должны поместить его как прямой потомок элемента body - person stecb; 14.01.2011
comment
Спасибо за помощь. Насколько я могу судить, у меня есть div обертывания нижнего колонтитула после div обертывания. Если бы это было не так, я просто снова загрузил новый код. Как мне разместить его как прямого потомка элемента body? Еще раз спасибо за вашу помощь, я думаю, что это близко. - person 9ete; 14.01.2011

arrow_upward
0
arrow_downward

Попробуйте width:100% в footerWrap. Кроме того, что вы подразумеваете под «закрепленным внизу»? Вы имеете в виду, что нижний колонтитул всегда должен быть внизу экрана, даже при прокрутке? Или вы имеете в виду, что он всегда должен быть внизу страницы?

person Mike Lentini    schedule 13.01.2011
comment
Я имею в виду, что он всегда должен быть внизу, чтобы не было пробелов под ним, между ним и окном браузера. Я попытался изменить ширину на 100%, но этого не произошло. Я отредактирую свой вопрос и опубликую еще код. Спасибо за помощь! - person 9ete; 14.01.2011
comment
держи телефоны! Теперь это работает. Спасибо всем за помощь! - person 9ete; 14.01.2011