HTML CSS урок 50

Столкнулся с проблемой не верного отображения страницы с фильмом show.html. Код введен в точности как на видео, но при описании фильма в одну строку, рядом с постером фильма прописывается отзыв. Проблему решил самостоятельно добавив в стиль .description_film строку overflow: auto; в вашем видео используется большой текст с описанием фильма, поэтому данная проблема не заметна.

СТИЛИ

.description_film {
margin-bottom: 5%;
overflow: auto;

}
.description_film img {
float: left; /*прижали к левому краю для того чтобы текст обтикал картинку справа*/
margin-right: 2%;
border-radius: 5px;
border: solid 5px #dad7d5;
}

.description_film {
margin-bottom: 5%;
overflow: auto; /*без этой настройки страница отображается не верно*/

БЛОК КОД СТРАНИЦЫ

<div class="content">
<h1>Интерстеллар</h1>
<iframe width="560" height="315" src="https://www.youtube.com/embed/6ybBuTETr3U" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

<div class="info_film_page">
<span class="lable">Рейтинг: </span><span class="value">8.1 / 10</span>
<span class="lable">год: </span><span class="value">2014</span>
<span class="lable">Режисер: </span><span class="value">Кристофер Нолан</span>
</div>

<hr>
<h2>Описание Интерстеллар</h2>
<div class="description_film">
<img src="assets/img/inter.png">
Подробное описание фильма
</div>

<hr>
<h2>Отзывы об Интерстеллар</h2>
<div class="reviews">
<div class="review_name">
Сергей
</div>
<div class="review_text">
Фильм как фильм даже не помню о чем он.
</div>
</div>
</div>

0 ответов

Ваш ответ