Как сделать чтобы блок не налазил на другой?

Question

[Sushkov]

Использую код чтобы прижать footer к низу страницы

<div class="container">
        <div class="logo-signin">
            <h2><p class="text-center">{{LOGO}}</p></h2><br>
        </div>
        <form class="form-signin">
            <div class="form-group">
                <h2><p class="text-center">Добро пожаловать!</p></h2><br>
                <div class="input-group input-group-lg">
                    <span class="input-group-addon">
                        <h3 class="icon-signin"><span class="glyphicon glyphicon-asterisk" aria-hidden="true"></span></h3>
                    </span>
                    <input type="text" class="form-control" placeholder="Код доступа">
                </div>
            </div>
            <button type="submit" class="btn btn-success btn-lg btn-block">Войти</button>
        </form>
    
    </div>
<div class="navbar navbar-fixed-bottom footer-signin">
    
                <p class="text-center">Все вопросы, пожелания, сообщения о багах присылайте на <a href="mailto:[e-mail]">[e-mail]</a>                 </p>
    </div>

при нормальном размере окна все хорошо
при измени размера окна

Answer 1

[Stalker_RED]

Запустил ваш пример на jsfiddle - никто никуда не "налазит".
https://jsfiddle.net/q8qLrhqg/

Я вам верю, что у вас "налазит", но приведенной вами информации явно недостаточно.

Comments

[Sushkov]

Добавил весь код body, попробуйте теперь

[Stalker_RED]

Sushkov: А вам действительно нужно чтобы футер был виден всегда, при любом количестве контента, и независимо от скролла?

[Stalker_RED]

Sushkov: ваш текущий футер, с position: fixed, ведет себя именно так.
https://jsfiddle.net/q8qLrhqg/1/

Если бы у него была фиксированная высота, то можно было бы сделать футеру
position: absolute;
bottom: 0;
height: 50px;
а блоку с контентом
height: 100%;
margin-bottom: 50px;

как-то так: https://jsfiddle.net/q8qLrhqg/2/

P.S. и зачем у вас h3 вокруг звездочки? Бедный input-group разорвало в клочки.

Answer 2

[Therapyx]

Изначально не совсем корректно как у вас на скрине выходило.
Сейчас вот 1 в 1. И ничего не вылазит.
https://jsfiddle.net/q8qLrhqg/14/