Нижняя колонка сравнялась с верхней, как исправить верстку?

0
0

Нижняя колонка сравнялась с верхней, и правая ушла налево.

<!DOCTYPE html>
<html lang="en">
<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 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.02.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.5</span></li>
				<li><a href="#">Безумный макс</a><span class="rating_sidebar">9.1</span></li>
				<li><a href="#">Облачный атлас</a><span class="rating_sidebar">5.1</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>		




	
</body>
</html>

Елена Свеженцова

4 weeks ago

Похожие вопросы

3 ответов





Класс site-content не через нижнее подчеркивание должен идти? 

student_q3atLBN5

4 weeks ago

Спасибо,,,,,,,,,

Елена Свеженцова

4 weeks ago

Помогло? В этом была ошибка?

student_q3atLBN5

4 weeks ago

Ваш ответ