Нижний колонтитул CSS с панелью прокрутки переполнения

Я полагаю, что самый простой способ показать это - просто дать ссылку на веб-сайт, где он должен быть добавлен.

Мне нужен простой нижний колонтитул, который всегда застрял в нижней части страницы, независимо от того, сколько контента размещено внутри основных разделов CONTENT и SIDEBAR.

Я пробовал использовать липкий нижний колонтитул и несколько других методов. Например, положить его в нижней части страницы с нижним 0 и т.д. Но с моей настройкой он никогда не работает. Если вам нужна информация, не стесняйтесь спрашивать.

2 ответа

измените css вашего сайта на этот... это может вам помочь...

#Wrapper {
 color: #FFFFFF;
 min-height: 100%;
 overflow: auto;
 width: 100%;
 z-index: 6;
}
#Banner {
 height: 169px;
 position: relative;
 top: 0;
 width: 100%;
}
#Navbar {
 background-color: #666666;
 color: #FFFFFF;
 float: left;
 height: 35px;
 position: relative;
 width: 100%;
}
#Outer {
 float: left;
 height: auto;
 margin-top: 35px;
 width: 100%;
 z-index: 2;
}
#Sidebar {
 background-color: #00FF00;
 float: left;
 margin-left: 10px;
 min-height: 600px;
 width: 12.5%;
}
#Content {
 background-color: #00FF00;
 float: right;
 margin-right: 10px;
 min-height: 65%;
 width: 85%;
}
#Copyright {
 background-color: #FF3333;
 float: left;
 height: 35px;
 width: 100%;
 z-index: 20;
}


Хорошо, что вы хотите, это класс css, который выглядит примерно так.

РЕДАКТИРОВАТЬ

.MyBottomBasicClass {
 position: relative;
 bottom 0;
 margin: 0 auto;
 padding: 0;
 Width: 100%;
 height : 300px // or whatever... 
 overflow-x: hidden;
 overflow: scroll; 
 }

РЕДАКТИРОВАТЬ

Вам также нужно обернуть другой контент.

.wrapper{
 min-height: 100%;
 }

а также...

html, body {height: 100%;}

теперь в вашем html...

<div cssclass="wrapper">
 // your site content
</div>
<div cssclass="MyBottomBasicClass">
 // here you enter all the information you may need to include copyright information
</div>

licensed under cc by-sa 3.0 with attribution.