3 вертикальных разреза

Question

У меня есть сайт, на котором мне нужен липкий нижний колонтитул.Мне бы хотелось, чтобы нижний колонтитул всегда был внизу страницы, независимо от размера экрана пользователя.Если содержимое идет дольше, чем экран, я хочу, чтобы нижний колонтитул перемещался вместе с ним.Я хочу, чтобы это были все DIV без таблиц.

Ниже приводится сообщение, которое я ищу, хотя ответ не работает с тегом asp.net.Когда у меня есть тег формы, все CSS игнорируются.Как только я вынимаю тег формы, нижний колонтитул идеально прилипает к нижней части.

Как вы заставляете нижний колонтитул оставаться внизу веб-страницы?

Answer 1

Попробовал следующее?

.fixedPosition {
       background-color:black;
       position:fixed;
       min-height:200px;
       left:0px;
       right:0px;
       bottom:0px;
    }

это закрепит вашу обертку слева, справа и снизу.Затем вы можете решить, какую высоту он будет иметь.

Если есть проблема с позиционированием формы (я не знаю), попробуйте обернуть его.

<div class="fixedPosition"><form></form></div>

Помогло это?

Answer 2

В вашем css установите свойство display для div заголовка, содержимого и нижнего колонтитула в block.

#header {
display:block;
}

#content {
display:block;
}

#footer {
display: block;
}

Если ваши заголовки, содержимое и div нижнего колонтитула появляются на вашей html-странице в таком порядке, тогда нижний колонтитул всегда должен отображаться под вашим контентом, если в коде нет другой разметки, которая не показана в примере.