0
0

При верстке левого блока, правый блок "Новые сериалы" съехал вниз на всю высоту левого блока "Рейтинг фильмов". В чем причина не могу найти ошибку?

<div class="panel panel-info">
<div class="panel-heading"><div class="sidebar-header">Рейтинг фильмов</div> </div>
<div class="panel-body">

<ul class="list-group">

<li class="list-group-item list-group-warning">
<span class="badge">8.9</span>
<a href="#">Интерстеллар</a>
</li>

<li class="list-group-item list-group-warning">
<span class="badge">8.7</span>
<a href="#">Безумный макс</a>
</li>

<li class="list-group-item list-group-warning">
<span class="badge">8.3</span>
<a href="#">Матрица</a>
</li>

<li class="list-group-item list-group-warning">
<span class="badge">8.1</span>
<a href="#">Облачный атлас</a>
</li>

<li class="list-group-item list-group-warning">
<span class="badge">8.9</span>
<a href="#">Интерстеллар</a>
</li>

<li class="list-group-item list-group-warning">
<span class="badge">8.7</span>
<a href="#">Безумный макс</a>
</li>

<li class="list-group-item list-group-warning">
<span class="badge">8.3</span>
<a href="#">Матрица</a>
</li>

<li class="list-group-item list-group-warning">
<span class="badge">8.1</span>
<a href="#">Облачный атлас</a>
</li>

</ul>

</div>
</div>
</div>
</div>
</div>

<div class="col-lg-9 col-lg-push-3">

<h2>Новые сериалы</h2>
<hr>

<div class="row">

<div class="film_block col-lg-3 col-md-3 col-sm-3 col-xs-6">
<img src="assets/img/xfiles.png" alt="Секретные материалы">
<div class="film_label">Секретные материалы</div>
</div>

<div class="film_block col-lg-3 col-md-3 col-sm-3 col-xs-6">
<img src="assets/img/silicon.png" alt="Кремниевая долина">
<div class="film_label">Кремниевая долина</div>
</div>

<div class="film_block col-lg-3 col-md-3 col-sm-3 col-xs-6">
<img src="assets/img/dead.png" alt="Ходячие мертвецы">
<div class="film_label">Ходячие мертвецы</div>

</div>

<div class="film_block col-lg-3 col-md-3 col-sm-3 col-xs-6">
<img src="assets/img/breakingbad.png" alt="Во все тяжкие">
<div class="film_label">Во все тяжкие></div>
</div>
</div>


Елена Смолякова
4 years ago






наверно лишний /div - проверьте

</div>
</div>
</div>
</div>
</div>

Pavel Hramov
4 years ago

удалила один див не помогло

Елена Смолякова
4 years ago

ну попробуйте 2 удалить или 3 дива, я не знаю сколько там должно быть, сложно считать по вашему коду. отформатируйте код с отступами по блокам - тогда будет видно какие блоки где закрываются и сколько должно быть дивов там

Pavel Hramov
4 years ago

с дивами очень сложно, есть ли отдельный урок как  ставить закрывающие дивы?

Елена Смолякова
4 years ago

В Visual Studio Code , к примеру, удобно с тэгами , и дивами в том числе работать.

Попробуйте урок посмотреть: 

https://beonmax.com/courses/web-razrabotchik/visual-studio-code-ustanovka/

Там список полезных плагинов  для visual studio code, работа становится очень удобной, будут отступы автоматические, плюс тэги самозакрываются. Будете меньше такие ошибки допускать.

Anton Karimov
4 years ago

В Visual Studio Code , к примеру, удобно с тэгами , и дивами в том числе работать.

Попробуйте урок посмотреть: 

https://beonmax.com/courses/web-razrabotchik/visual-studio-code-ustanovka/

Там список полезных плагинов  для visual code, работа становится очень удобной, будут оступы автоматические, плюс тэги самозакрываются. Будете меньше такие ошибки допускать.

Anton Karimov
4 years ago

6 ответов