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

Question

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

Answer 1

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

#content { 
    overflow: hidden; 
} 

Voil & agrave ;:

Answer 2

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

Answer 3

Добавьте это в #content {}:

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

Я пробовал с Осмотреть Element и фотографии появились.

Удачи вам!

Answer 4

Попробуйте

<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%; 
}