Почему при масштабировании футер уходит вверх?

Question

[Krypton Proger]

Столкнулся с такой проблемой

.ft_img {
    padding: 10px;
    padding-top: 10px;
}

.footer p {
    margin-bottom: 10px;
}

<div class="footer">
    <p>Graffiti Cafe &copy 2017 </p>
    <a href="https://www.facebook.com/UrbanCaffeGraffiti/?fref=ts" target="_blank" class="ft_img"><img src="img/fb_30.png"></a>
    <a href="https://www.instagram.com/caffegraffiti/" target="_blank" class="ft_img"><img src="img/inst_30.png"></a>
</div>

Answer 1

[Евгений]

Проверил у себя, всё нормально

Comments

[Krypton Proger]

Скорее всего reset.css что-то портит

Answer 2

[Денис]

Контента на странице меньше чем область видимости.
На выбор:
1. абсолютное позиционирование футера
2. минимальная высота страницы 100%/vh

Answer 3

[Ankhena]

Ссылки на сайт нет, кода нет, работаем, как обычно по звездам.
Теория такая: есть у вас, например, блок с контентом с шириной заданной в %. И занимает он на экране 20 строчек. Если вы сделаете масштаб 80%. На сколько строчек разместится этот текст? Их станет меньше.
И все остальные блоки переместятся в соответствии с освободившимся пространством.

Решить: прибить футер к низу экрана любым способом, благо их много.

Answer 4

[Ivanq]

У Вас footer, скорее всего, не прибит к низу. Как с помощью CSS прижать footer к низу окна браузера