Здравствуйте, вот кажется нашел подходящую ветку форума для своего вопроса.
Вопрос кажется тривиальным и уже не раз поднимался. Ответы на него можно нагуглить, но тем не менее в моем случае есть небольшой нюанс (мне так показалось)
Как прижать footer к нижней части экрана?
Нашел пример
HTML
<html>
<body>
<div class="wrapper">
<div class="content"></div>
<div class="footer"></div>
</div>
</body> </html>
CSS
body { height: 100%;}
.wrapper {
position: relative;
min-height: 100%;
}
.content {padding-bottom: 90px;}
.footer {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 80px;
}
Сделал все точно так, а результат не изменился.
Не могу понять в чем дело.
Помогите пожалуйста.
Структура HTML у меня
<div id="page-wrapper">
<div id="header">
<div class="content">
<div class="content-main">
<div class="content-left">
<div class="content-center">
<div class="content-right">
</div>
<div class="it_asist"/> - этот блок добавлен, чтобы footer не наползал
<div id="footer-wrapper">
</div>
Спасибо.
Вопрос кажется тривиальным и уже не раз поднимался. Ответы на него можно нагуглить, но тем не менее в моем случае есть небольшой нюанс (мне так показалось)
Как прижать footer к нижней части экрана?
Нашел пример
HTML
<html>
<body>
<div class="wrapper">
<div class="content"></div>
<div class="footer"></div>
</div>
</body> </html>
CSS
body { height: 100%;}
.wrapper {
position: relative;
min-height: 100%;
}
.content {padding-bottom: 90px;}
.footer {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 80px;
}
Сделал все точно так, а результат не изменился.
Не могу понять в чем дело.
Помогите пожалуйста.
Структура HTML у меня
<div id="page-wrapper">
<div id="header">
<div class="content">
<div class="content-main">
<div class="content-left">
<div class="content-center">
<div class="content-right">
</div>
<div class="it_asist"/> - этот блок добавлен, чтобы footer не наползал
<div id="footer-wrapper">
</div>
Спасибо.