Фоновое изображение не появляется на определенной странице

Question

На этом сайте: http://walkman.pk/aserdus2/tagok.php
У меня есть два фоновых изображения слева и справа, которые не появляются, и я не могу понять, почему?
Все остальные страницы сайта работают нормально. Кажется, что некоторые элементы <div> закрыты неправильно. Когда я смотрю его с помощью Chrome Inspector, я вижу, что content div очень тонкий, но я не понимаю, почему Что я должен сделать, чтобы показать изображения?

Answer 1

У вас есть только плавающие элементы внутри #content, поэтому его высота равна нулю.Вы можете исправить это, установив для overflow значение, отличное от visible:

#content {
    overflow: hidden;
}

Voilà:

Answer 2

Попробуйте

<div id="content">

...

<div style="clear:both"></div>
<!-- CONTENT END -->
</div> 

ИЛИ
http://www.webtoolkit.info/css-clearfix.html

<div id="content" class="clearfix">

...  

<!-- CONTENT END -->
</div> 

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

Answer 3

Добавьте это к вашему #content {}:

height: 600px; (или как бы высоки ни были изображения)

Я попробовал это с Inspect Element, и появились изображения.

Удачи!

Answer 4

Это потому, что оба элемента с классом block являются плавающими и, следовательно, элемент с идентификатором content не имеет высоты (у которого есть фоновые изображения).Поэтому вам нужно указать высоту элемента content (height: 250px), который должен решить проблему.