Hintergrund eines Div-Elements passt sich in der Höhe nicht dem Inhalt an

html.de-Forum HTML, XHTML & CSS
1

Moin Moin,

ich habe mit meinen rudimentären HTML/CSS-Kenntnissen mein Wordpress-Blog soweit individualisiert und angepasst, dass ich nahezu zufrieden und fertig bin.

Mit einer Ausnahme: Bei Unterseiten bestimmter Kategorien, zum Beispiel: http://bastianraschke.de/?portfolio_category=people-portrait-fotografie spannt sich der Hintergrund nicht um den gesamten Inhalt, sprich es ist nur eine schmale weiße Leiste oben zu sehen. Auf der Startseite www.bastianraschke.de hingegen klappt es problemlos.

Es ist keine feste Höhe angegeben, das div#content sollte somit eigentlich den gesamten darin liegenden Inhalt mit padding=20 umspannen. Was in der Breite auch klappt… Ich vermute es hängt mit dem Floating der Elemente zusammen? Bin da aber mit meinem Latein am Ende. Und freue mich sehr über einen Tipp!

2

Gib dem html-Element doch das Hintergrundbild, sollte es schon lösen. Die anderen Bereich mit ihren anderen Hintergründen überlagern das ja dann.

3

Hey, danke, aber da haben wir uns glaub ich falsch verstanden. Hintergrundbild bzw. weißer Hintergrund sind schon an der richtigen Stelle, nur nicht in der richtigen Größe. Mir geht es darum, dass der weiße „Kasten“ die angezeigten Bildervorschauen komplett umspannt, so wie auf der Startseite. Bei der Unterseite „People“ ist der weiße Bereich lediglich 40px hoch, obwohl die Miniaturbilder entsprechend größer sind.

4

Achso. Dann gib #content noch die Eigenschaft overflow: hidden; dadurch wird das floating der Elemente beendet. Alternativ dazu kannst Du auch versuchen die darin liegenden Elemente statt zu floaten mit display: inline-block; zu versehen.

5

Ah, das war’s! Die Hidden-Eigenschaft hat’s gelöst. Vielen Dank!