Все тексты и картинки левее надписи "КиноМонстр"
Всё сдвинуто левее надписи "КиноМонстр", код для блока "content" идентичный с кодом на видео. Подскажите, где может быть ошибка?
если код идентичный с видео - сдвинуто не будет, ошибка где-то в коде...
<div class="content">
<h1>Новые фильмы</h1>
<div class="films_block">
<a href="#"><img src="assets/img/matrix.png"></a>
<a href="#"><img src="assets/img/max.png"></a>
<a href="#"><img src="assets/img/inter.png"></a>
<a href="#"><img src="assets/img/cloud.png"></a>
</div>
<h1>Новые сериалы</h1>
<div class="films_block">
<a href="#"><img src="assets/img/dead.png"></a>
<a href="#"><img src="assets/img/silicon.png"></a>
<a href="#"><img src="assets/img/breakingbad.png"></a>
<a href="#"><img src="assets/img/xfiles.png"></a>
</div>
<div class="posts">
<hr>
<h2><a href="#">Как снимали Интерстеллар</a></h2>
<div class="posts_content">
<p>45 лет исполнилось Кристоферу Нолану - одному из самый успешных режиссёров нашего времени, чьи работы одиннаково любимы как взыскательными критиками, так и простыми зрителями. Фильмом изначально занималась студия Paramaunt. Когда Кристофер Нолан занял место режиссёра, студия Warner Bros., которая выпускала его последние фильмы, добилась участия в проекте.</p>
</div>
<p><a href="#">читать</a></p>
<hr>
<h2><a href="#">Актер Том Хенкс поделился впечатлением о фестивале</a></h2>
<div class="posts_content">
<p>16 февраля в Лондоне состоялась 67-я церемония вручения наград Британской киноакадемии. Леонардо ДиКаприо, Брэд Питт, Анджелина Джоли, Кейт Бланшетт, Хелен Миррен, Эми Адамс, Кристиан Бэйл, Альфонсо Куарон и другие гости и победители премии — в нашем репортаже.</p>
</div>
<p><a href="#">читать</a></p>
</div>
</div>
Подскажите пожалуйста, внешний отступ всего, что ниже шапки, где прописывается?
Может ли как-то значение "auto" в "margin" влиять на мою проблему?
судя по коду - для класса .content должны отступы прописываться для этой всей части, тут еще смотрите на ширину блока, если задается
не бойтесь экспериментировать - пропишите нужные отступы для блоков или наоборот закомментируйте margin: auto; и посмотрите что получается, так лучше поймете как какие свойства влияют на вид страницы и блоков
.site_content {
width: 880px;
overflow: hidden;
margin:20px auto 0 550px;
background-color: white;
}
Изменил margin: 20px auto 0 auto (550px), теперь всё ровно, но почему на видео для margin прописано auto и всё также ровно?
Но теперь у меня в свёрнутом виде content сильно ушёл вправо, в развёрнутом всё хорошо
Как я понимаю, проблема скорее всего не в блоке content, а в заголовках h1 и h2, изменил их ширину с 800px на 850px, всё получилось
.logo {
width: 850px;
padding-bottom: 40px;
}
.logo h1, .logo h2 {
font: normal 300% 'century gothic', arial, sans-serif;
margin: 0 0 0 0;
}
.logo_text h1, .logo_text h1 a, .logo_text h1 a:hover {
padding: 22px 0 0 0;
color: #fff;
letter-spacing: 0.1em;
text-decoration: none;
}
.logo_text h2 {
font-size: 0.9em;
padding: 4px 0 0 0;
color: #999;
}
Но в видео 880px. Можете подсказать, почему различается?
Проблему решил, перепутал на видео "9" c "0"
.logo h1, .logo h2 {
font: normal 300% 'century gothic', arial, sans-serif;
margin: 0 0 0 9px;
}
Спасибо за помощь!
а еще и в коде своем разобрался ;)) хороший навык успешного программиста! ) удачи!
