Hintergrundbild erscheint nicht auf einer bestimmten Seite

Question

Auf dieser Seite: http://walkman.pk/aserdus2/tagok.php
Ich habe zwei Hintergrundbilder auf der linken und rechten Seite, die nicht erscheint, und ich kann es nicht herausfinden warum?
Jede andere Seite der Website funktioniert gut. Es scheint, dass einige <div> Elemente nicht ordnungsgemäß geschlossen sind. Wenn ich es mit dem Chrom-Inspektor betrachte, sehe ich, dass die content div sehr dünn ist, aber ich verstehe den Grund dafür nicht.
Was soll ich tun, um die Bilder zu zeigen?

Answer 1

Sie haben nur schwimmende Elemente innerhalb #content, so dass ihre Höhe Null ist. Sie können dieses Problem beheben, indem overflow auf etwas anderes als visible Einstellung:

#content { 
    overflow: hidden; 
} 

Voil & agrave ;:

Answer 2

Das ist, weil beide Elemente mit Klasse block schweben und somit das Element mit id content hat keine Höhe (die die Hintergrundbilder hat). Also müssen Sie dem content Element (height: 250px) Höhe geben, sollte das Problem lösen.

Answer 3

Fügen Sie diese auf Ihre #content {}:

height: 600px; (oder wie hoch die Bilder)

Ich versuchte es Inspect Element mit und die Bilder erschienen.

Viel Glück!

Answer 4

Versuchen

<div id="content"> 

... 

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

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