Расширьте перенос нижнего колонтитула на ширину страницы - PullRequest
1 голос
/ 14 января 2011

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

footerWrap {

background-color:#000;
width: auto;

}

footer {

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

}

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

обновление:

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

body {margin: -1px 0 0 0;цвет фона: #FFF;семейство шрифтов: calibri;фон-изображения: URL (изображения / item9HeaderSideFiller.gif);background-repeat: repeat-x;обивка: 0;высота: 100%;ширина: 100%;}

wrap {

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

px;

footerWrap {

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

}

footer {

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

}

}

Ответы [ 2 ]

2 голосов
/ 14 января 2011

Для заполнения страницы

width:100%

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

position:absolute;
bottom:0;

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

padding:0
height:100%;
0 голосов
/ 14 января 2011

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

...