Второй блок не с права снизу как надо а с лева возле первого блока номер видео 41?

<!DOCTYPE html>
<html lang="ru">
<head>
	<meta charset="UTF-8">
	<title>Смотреть фильмы бесплатно</title>
	<meta name="description" content="Смотреть фильмы бесплатно">
	<meta name="keyworlds" 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="/">KinoMonster</a></h1>
					 <h2>Просмотр фильмов бесплатно в hd качестве</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="site_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="войти" />
				</form>
			</div>
		</div>	 


     </div>
</body>
</html>

* {
	margin: 0;
	padding: 0;
}

input[type="text"], input[type="password"], input[type="search"] {
	color: #800000;
	width: 60%;
	padding: 8px;
}

input, textarea {
	outline: none;
	border: none;
	border: solid 1px #808080;
}

h1, h2 {
	font: normal 170% 'century gothic', arial;
	margin: 0 0 15px 0;
	padding: 15px 0 5px 0;
	color: #000;
}

h2 {
	font-size: 140%;
}

.header {
    background-color: #191970;
    background: url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBwgNDQcHCAgHBwcHBw0HBwcHBw8IDQcNFREWFhURExMYHSggGBolGxMVITEhJSkrLi46Fx8zODMsNygtLisBCgoKDQ0NDw0NDy0ZFRkrLTc3NystNysrNysrKysrKysrKystKy0rKysrLSsrKy0tLSs3LSsrKystKy0rKysrK//AABEIAKgBLAMBIgACEQEDEQH/xAAWAAEBAQAAAAAAAAAAAAAAAAAAAQf/xAAVEAEBAAAAAAAAAAAAAAAAAAAAAf/EABcBAQEBAQAAAAAAAAAAAAAAAAABAgP/xAAWEQEBAQAAAAAAAAAAAAAAAAAAARH/2gAMAwEAAhEDEQA/AMPAd0FBqIANAoKADQAKKAoALiABgALgAGAAmKIoggqIACCCoyACAioyADKgKoANRBUVqAAoArQEBYADSAKogoCCiiCiCAAAMgAggqIoAyIKjIAJRAGVFBYgBGhQGoACiiK1EAGgFFABQAXAAXAAQEUTBAEAoM0EUZVAEBFGRAEBFRgUBYAK1AAaBUVoAGogA0KAsABoAVRBQxEAAARRFGRAGQAZogqIoAyIAyCKM0AFgKitAAsBUGhQGogqK0ADUABoFBpAABFEEARQBkQVGQArNVBUZABmiAMgAzQAWAqK1AAagKgooDUQVFaABqAA0igNAAoAMiAIoAzRBUZABmggMqAMiCozQAZoALAVBRQGoCorQANRBUGhQGoACiiDWooBoICaACKAM0QBAAZqoAyADIgDIAM0BFIADQoDUAFaARVgANRFEVoAFABQAUAEABARUZABKADKoAyAIyACAioyCoqAA2KIqgA1AVFUAGogA0KIqgIpoAKAImiiCAAgAMggIoAlBFRkAGaCAyAAqgNRBUFFAaABRRBRQGtQAXQAUAAFQNABNAEZFEEUAQARkAEAEZoAMqAAKDUQAaBQUAFABYCgoAKACgKAgoiIAKgoggCAAgIDIAICAyoAg//Z');
    background-size: cover;
	height: 250px;
	font-size: 1.5em;
    margin-left: 0px;
	margin-right: 0px;
	min-width: 900px;
	padding-left: 450px;
}

.main, .lego, .menubar, .site_content, .footer {
	margin-left: auto;
	margin-right: auto;
}

.logo {
	width: 800px;
	padding-bottom: 40px;
}
.logo h1, .logo h2 {
	font: normal 300% 'century gothic', arial, sans-serif;
	margin: 0 0 0 9px;
}

.logo_text h1, .logo_text h1 a, .logo_text h1 a:hover {
	padding: 30px 0 0 0;
	color: #8B0000;
	letter-spacing: 0.0em;
	text-decoration: none;
	font-family: serif;
	font-style: italic;
	font-size: 1.8em;
	font-weight: bolder;
}
.logo_text h2 {
	padding: 3px 0 0 0;
	font-size: 0.5em;
	text-decoration: underline;
	color: #FFFFFF;
	font-family: cursive;
	font-style: italic;
	font-variant: small-caps;
}
.menubar {
	width: 500
	height: 1px; 
}
ul.menu {
	float: right;
}
ul.menu li {
	float: left;
	padding: 0 0 0 20px;
	list-style: none;
	margin: 0px 5px 0 0;
}

ul.menu li a {
	font: normal 100% 'trebuchet ms', sans-serif;
	display: block;
	height: 0px;
	padding: 0px 10px 10px 15px;
	color: green;
	text-decoration: none;
}

ul.menu li.selected a {
	color: red;
}

ul.menu li a:hover {
	color: #aeb002;
}

.site_content {
	width: 880px;
	overflow:hidden;
	margin: 20px auto 0 auto;
	background-color: white; 
}

.sidebar_container {
	float: right;
	width: 224px;
}

.sidebar {
	float: right;
	width: 222px;
	padding: 5%;
	margin: 0 0 16px 0;
	border: solid 1px #C0C0C0;
	border-radius: 5spx;
	background-color: #D3D3D3;
}

.sidebar h2{
	color: #136cb2;
}

html

css

4 ответов

А html код есть?

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

Тут пробелов не хватает, до href, вряд ли вообще стили подключились к сайту с такой опечаткой.

Второе - нужно перед body поставить еще один </div> - это закрывающих div от блока main.

3 - Тут ошибка в названии класса:

<div class="site_container">

Должен быть не site_container, а sidebar_container.

Вот так полный код должен выглядеть, который нужно вставить между body:

<div class="main">
   <div class="header">
      <div class="logo">
         <div class="logo_text">
            <h1><a href="/">KinoMonster</a></h1>
            <h2>Просмотр фильмов бесплатно в hd качестве</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="войти" />
            </form>
         </div>
      </div>
   </div>
</div>

да есть

спасибо большое буду внимательнее