Не устанавливается правильно FOOTER несмотря на то, что всё сделано по уроку и проверено.
FOOTER смещается вправо от правого блока:
------------------------------------
HEADER
------------------------------------
ПРАВЫЙ
БЛОК
---------------
------------------------------------------------
FOOTER
-------------------------------------------------
Вот такая получается картинка. Почему?
С уважением Иван Зюкин!
Значит все же какие-то ошибки случились... Там же код есть под уроками для проверки, скачайте и посмотрите, что Футер будет на месте как и в уроке.
Скорее всего где-то пропустили закрывающий тег </div> или несколько, поэтому блок footer у вас попадает в центральную часть страницы - в правый блок, а не после нее располагается как должно быть.
Отформатируйте код по блокам табуляцией и увидите какие блоки не закрыты и вцелом какая у вас вложенность блоков. Будет удобнее ориентироваться в коде.
Скорее всего перед <div class="footer">
еще 1 закрывающий </div> должен быть.
для блоков можно делать форматирование и прописывать комментарий start/end, тогда будет все понятно, например
<div class="footer"> <!-- footer start -->
<p>
<a href="#">Главная</a>
<a href="#">Фильмы</a>
<a href="#">Сериалы</a>
<a href="#">Рейтинг фильмов</a>
<a href="#">Контакты</a>
</p>
</div> <!-- footer end -->Когда у вас будут несколько блоков вложены друг в друга, то вы увидите где не хватает </div> или лишний или не в том месте закрыт и т.п.
Всё проверил, сравнил с кодом: Футер устанавливается под хедером. Без Футера всё нормально, когда убираю его с index.html и css. Устанавливаю код футера - не устанавливается на место.
---------------------------------------------------------------------
HEADER
---------------------------------------------------------------------
---------------------------------------------------------------------
FOOTER ПОИСК
---------------------------------------------------------------------
ВХОД
НОВОСТИ
РЕЙТИНГ Ф.
index.html
<li><a href="#">Облачный атлас</a><span class="rating_sidebar">7.4
</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>
</body>
</html>
--------------------------------------------------------------------
CSS
.sidebar .rating_sidebar{
float: right;
}
.footer{
width: 100%;
height: 100px;
padding: 28px 0 5px 0;
text-align: center;
background-color:darkslateblue;
color: #a8aa94;
margin-left: 0px;
margin-right: 0px;
min-width: 900px;
}
.footer a{
color: #a8aa94;
text-decoration: none;
}
.footer a:hover{
color: #fff;
text-decoration: none;
}
.footer p{
padding: 0 0 10px 0;
}
С уважением Иван Зюкин!
Здравствуйте!
В общем, ошибку свою не нашел, поэтому сдался и заменил свой набоор вашим кодом, добавив футер. Всё заработало, спасибо за помощь и извините за излишнее беспокойство.
Идём дальше!
Да, ещё один вопрос: Почему в браузерах Опера, Яндекс всё показывает отлично, а в Гуле блок меню вылез за рамки Хедера вниз? Уменьшение или увеличение масштаба не помогает.
