Помощь с липким нижним колонтитулом

Question

Я впервые использую липкий нижний колонтитул с сайтом, который собираю, но, похоже, он работает не так, как планировалось.Кажется, что есть большое пустое пространство, а затем черная область (это цвет моего нижнего колонтитула), пожалуйста, смотрите ссылку http://c -hall.the-word.com / assignment / whatwedo.php Iнужен нижний колонтитул, чтобы встать до конца последнего бита контента, в этом случае текстовая ведьма еще не оформлена.Пожалуйста, смотрите код ниже - спасибо за вашу помощь - Чарли

CSS

/* sticky footer */
* {
margin: 0;
}
html, body {
height: 100%;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -335px;
}
.footer, .push {
height: 335px;
background-color: #000;
}
#innerfooter {
width: 847px;
height: 335px;
position: relative;
background-image: url(../images/black_bar.png);
background-repeat: no-repeat;
text-align: left;
margin: 0 auto;
}
/* end sticky footer */

Answer 1

Попробуйте это по размеру, оно останется внизу страницы, если содержимое недостаточно длинное, и подперет внизу, если оно достигнет http://ryanfait.com/sticky-footer/

Answer 2

У вас всегда будет этот пробел, потому что позиция вашего нижнего колонтитула статическая , поэтому он зафиксирован в нижней части вашего браузера. Этот белый промежуток - это ширина вашего тела на фоне неиспользуемого пространства. Поэтому заполните его или исключите, уменьшив ширину своей страницы или любой другой подход, который вы считаете подходящим! Дело в том, что я не даю вам точного решения, но более важно понять, что вы делаете, а не просто применять учебные пособия.

Answer 3

Посмотрите на свою HTML-структуру (особенно на .wrapper div.). Размещение div неверно.

И прочитайте эту ссылку: http://www.cssstickyfooter.com/