Почему футер оказался вверху?

Перед <div class="footer"> нужно закрыть </div> от <div class="site_content"> вот так:

<div class="main">

        <div class="header">
            <div class="logo">
                <div class="logo_text">

                    <h1><a href=""> Киномонстр</a></h1>
                    <h2>Кино - наша страсть!</h2>
                </div>
            </div>

            <div class="menubar">
                <ul class="menu">
                    <li class="selected"><a href="#">Главная</a></li>
                    <li class="selected"><a href="#">Фильмы</a></li>
                    <li class="selected"><a href="#">Сериалы</a></li>
                    <li class="selected"><a href="#">Рейтинг</a></li>
                    <li class="selected"><a href="#">Контакты</a></li>
                </ul>
            </div>

        </div>
        <div class="site_content">
            <div class="sidebar_container">
                <div class="sidebar">
                    <h2>Поиск</h2>
                    <form method="post" action="#" id="search_form">
                        <input type="search" name="search_field" placeholder="ваш запрос" />
                        <input type="submit" class="btn" value="найти" />
                    </form>

                </div>
                <div class="sidebar">
                    <h2>Вход</h2>
                    <form method="post" action="#" id="login">
                        <input type="text" name="login_field" placeholder="логин" />
                        <input type="password" name="password_field" placeholder="пароль" />
                        <input type="submit" class="btn" value="вход" />
                        <div class="lables_passreg_text">
                            <span><a href="#">Забыли пароль?</a></span>|<span><a href="#">Регистрация</a></span>

                        </div>
                    </form>
                </div>

                <div class="sidebar">
                    <h2>Новости</h2>
                    <span>25/02/2020</span>
                    <p>Мы запустили расширенный поиск</p>
                    <a href="#">читать</a>
                </div>

                <div class="sidebar">
                    <h2>Рейтинг фильмов</h2>
                    <ul>
                        <li>
                            <a href="#">Интерстеллар</a>
                            <span class="rating_sidebar">8.1</span>
                        </li>
                        <li>
                            <a href="#">Матрица</a>
                            <span class="rating_sidebar">8.2</span>
                        </li>
                        <li>
                            <a href="#">Безумный Макс</a>
                            <span class="rating_sidebar">7.9</span>
                        </li>
                        <li>
                            <a href="#">Облачный атлас</a>
                            <span class="rating_sidebar">8.0</span>
                        </li>
                    </ul>
                </div>
            </div>
          </div>
            <div class="footer">
                <p>
                    <a href="#">Главная</a>|
                    <a href="#">Фильмы</a>|
                    <a href="#">Сериалы</a>|
                    <a href="#">Рейтинг фильмов</a>|
                    <a href="#">Контакты</a>
                </p>
                <p>wh-db.com 2015</p>
            </div>

</div>

Благодарю! получилось)))