Text verlässt Div

[ready]

Hallo Leute,

ich habe ein Problem. Ich Arbeite grade an einer Seite: http://dev.parkettmonitor.de/impressions/tag/modern/
Auf der Seite befindet sich außer der Galerie, weiter unten eine Textbox mit der Überschrift Anliegen. Darunter ist noch Text, welcher leider den Page Div velässt. Der Page Div wird nicht automatisch größer, so wie man es eigentlich gewohnt ist, wenn mehr Text hinzukommt, sondern er bleibt in starrer Größe. Eine Height wird hierbei eigentlich nicht verwendet.
Wie sage ich dem Page Div, dass er dynamisch mit wachsen soll, oder was ist zu tun, damit die Seite ordentlich aussieht?

Danke
-ready

 

[rico2009]

Wie sage ich dem Page Div, dass er dynamisch mit wachsen soll, oder was ist zu tun, damit die Seite ordentlich aussieht?

Indem du position mit Bedacht einsetzt. Du hast auf dem span.image-caption ein position: absolute; und auf dem div.caption-container eine Höhe gesetzt. Das führt dazu, dass das span bevorzugt behandelt wird und über den anderen Elementen liegt. Deswegen wird der untere Text auch außerhalb des divs dargestellt. Wenn du die position und die Höhe raus nimmst, wird der Text auch im div dargestellt.

Die Höhe hat übrigens keinerlei Wirkung bei position:absolute.

Zum Nachlesen: http://www.css4you.de/position.html

Gruß

 

[ready]

Du hast auf dem span.image-caption ein position: absolute; und auf dem div.caption-container eine Höhe gesetzt. Das führt dazu, dass das span bevorzugt behandelt wird und über den anderen Elementen liegt.

Danke rico2009, genau das wars!

Nachdem ich jetzt noch die Höhe des caption-container raus genommen habe wächst das page Div auch automatisch mit.