Я не могу закрасить div footer полностью, что делать?
0
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="/assets/css/stile.css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>первый сайт от миши</title>
<meta name="description" content="портал о кино"/>
<meta name="keywords" content="фильмы, кино"/>
</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 class="selected"><a href="#">Фильмы</a></li>
<li class="selected"><a href="#">Сериалы</a></li>
<li class="selected"><a href="#">Мультфильмы</a></li>
</ul>
</div>
</div>
</div>
<div class="site_content">
<div class="sidebar_conteyner">
<div class="sidebar">
<h2>поиск</h2>
<form method="post" action="#" id="search_form" >
<input type="search" name="seaarch_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="вход">
</form>
<div class="ssilki">
<span><a href="#">забыли,пароль?</a></span> | <span><a href="#">регистрация</a></span>
</div>
</div>
<div class="sidebar">
<h2>новости</h2>
<span>4.10.2021<span>
<p>я запустил сайт!!! и закончил разработку правого крыла</p>
<a href="#">читать</a>
</div>
</div>
<div class="footer_fon">
<div class="footer">
<p>
<a href="/">главная</a> |
<a href="#">фильмы</a> |
<a href="#">сериалы</a> |
<a href="#">рейтинги фильмов</a> |
<a href="#">контакты</a>
</p>
<p>
mh.12.com
</p>
</div>
</div>
</div>
</body>
</html>