Footer HTML/CSS УРОК 43

1

Здравствуйте, сделал все как в уроке,но footer располагается вверху под заголовком? в чем ошибка?

<!DOCTYPE html>

<html lang="ru">

<head>

<meta charset="UTF-8">

<title>Document</title>

<meta name="description" content="Киномонстр- это портал о кино">

<meta name="keywords" content="фильмы, фильмы онлаин, hd" />

<link rel="stylesheet" href="assets/css/style.css">

</head>

<body>

 
<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><a href="#">Фильмы</a></li>

          <li><a href="#">Сериалы</a></li>

          <li><a href="#">Рейтинг фильмов</a></li>

          <li><a href="#">Контакты</a></li>

       </ul>

 

    </div>

 

 </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>10.01.2018</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 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>

</body>

</html>
html
css
урок 43

4 ответов

2

Пролистайте дальше, где есть футер и сравните код, например это упражнение: https://fructcode.com/ru/courses/html-and-css/footer-interactive/ или исходый код скачайте. Я так делал, если что-то неполучалось. 

Без примера вашего кода здесь вряд ли кто-то ответит.

3

Вижу, что footer внизу: 

https://jsfiddle.net/qLwscg37/1/

Судя по всему, вы забыли закрыть </div> перед footer. Указал в комментарии по сслыке выше.

2

скинул код

2

спасибо

Sign up or Log in to write an answer