Помогите почему footer наверху?

Перед footer не хватает закрывающего дива и класс site-content пишется через нижнее подчеркивание в оригинальной верстке. 

Вот так должно быть

<div class="main">
    <div class="header">
        <div class="logo">
            <div class="logo_text">
                <h1><a href="/">КиноМонстр</a></h1>
                <h2>Кино - наша страсть! </h2>
            </div>

            <div class="menubar">
                <ul class="menu">

                    <li class="selected"><a href="#">Главная</a></li>
                    <li><a href="#">Фильмы</a></li>
                    <li><a href="#">Сериалы</a></li>
                    <li><a href="#">Рейтинг фильмов</a></li>
                    <li><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>31.12.2017</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,0</span></li>
                        <li><a href="#">Безумный Макс</a><span class="rating_sidebar">7.5</span></li>
                        <li><a href="#">Облачный атлас</a><span class="rating_sidebar">7.4</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>