CSS нижний колонтитул с полосой прокрутки переполнения

0

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

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

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

  • 0
    Здравствуй. Я немного не уверен, что вы пытаетесь сделать здесь. Как я понимаю, вам нужна нижняя панель с возможностью прокрутки?
  • 0
    Пожалуйста, дайте информацию ясно, что вы хотите исправить.
Показать ещё 1 комментарий
Теги:
footer

2 ответа

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;
}
Поделиться
  • 0
    Это та же проблема, что и выше, это фиксированный нижний колонтитул. Я также загрузил пример того, что это будет опубликовано на моем сайте. Мне нужно что-то, что есть на большинстве крупных веб-сайтов, нижний колонтитул всегда находится внизу страницы, независимо от того, сколько контента добавляется. Но это внизу страницы, а не внизу порта просмотра, если это имеет смысл.
  • 0
    увидеть обновленный ответ
Показать ещё 2 комментария
0

Хорошо, что вы хотите, это класс 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>
Поделиться
  • 0
    Ну, если бы я поместил «фиксированную» позицию, она всегда была бы там, где бы я ни прокручивался. Который не то, что я ищу. Большая хитрость заключается в том, чтобы он появлялся ТОЛЬКО при прокрутке вниз страницы. Использование позиции FIXED приводит к тому, что она всегда находится внизу порта просмотра, что, на самом деле, не является нижним колонтитулом. Кроме того, я загрузил пример базового нижнего колонтитула «FIXED» на сайт.
  • 0
    что происходит с новыми изменениями?
Показать ещё 4 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню