Смещается блок div. Как опустить его вниз и зафиксировать?

Question

[Yaroslav]

Здравствуйте, мучаюсь уже несколько дней.
Пишу одностраничный сайт.
Хочу что бы картинка которая находиться в div (.airport) была прижата к самому низу, и при уменьшении размера экрана она не уезжала вверх а уменьшалась. Подскажите пожалуйста, мне всегда тут помогали.

<div class="section" data-anchor="F_1Page" id="F_1">
    <!--section fullpage js -->
    <div class="cloudsF">
        <!--anim background css -->
        <div class="airport">
            <!--вот тут -->
            <table class="table_air" border="1" width="100%">
                <tr>
                    <!--самолеты -->
                </tr>
                <tr>
                    <!--самолеты -->
                </tr>
            </table>
        </div>
    </div>
</div>

.airport{
    background: url(../../img/airport.png) no-repeat;
    width: 100%;
    height: 1000px;
    display: block;

    background-size: contain;
    position: absolute;
    bottom:0;
}
.cloudsF{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
    display:block;
    background:transparent url(../../img/cloudsF.png) repeat;
    z-index:3;
    animation:move-clouds-backF 200s linear infinite;
    transform: translatez(0);
}

Comments

[Yaroslav]

m0ze, Привет, там слишком много библиотек и других зависимых файлов. Что бы перебросить всё в песочницу уйдет не мало времени.

[Ankhena]

Привет, там слишком много библиотек и других зависимых файлов. Что бы перебросить всё в песочницу уйдет не мало времени.

Чтобы эмулировать ситуацию достаточно нескольких строк.

Простейшая страница на гридах: https://jsfiddle.net/k17pw6js/
А за размер и положение фона отвечают background-size и background-position

[Yaroslav]

Ankhena, m0ze, https://jsfiddle.net/6pcftbeo/2/

[Ankhena]

Yaroslav, я уже написала, используйте background-position и то положение, которое вам нужно.

[Yaroslav]

Ankhena, Спасибо мне это помогло. Может вы ещё подскажите как таблицу с самолетами зафиксировать к этому фону? чтобы при масштабировании картинки адаптировалась и таблица?

[Ankhena]

Yaroslav, сначала нарисуйте где она должна быть и как выглядеть на мобилке и на десктопе.

И почитайте про фексы, гриды и позиционирование.
Выше была ссылка на простейшую страницу на гридах.