[ERLEDIGT] Mitwachsender Content-Div

[acid3urn]

Hallo zusammen,

ich habe das nächste Problem und trotz 100 ergoogelten Anleitungen stehe ich wiedermal auf dem Schlauch...
Mein Content-Div vergrößert sich nicht mit seinem Inhalt.
Ich habe html & body 100% height zugewiesen, dem content-div eine min-height...
Platzieren ich nun meine Bilder im Content (oder in einem weiteren Div... habe beides versucht), dann laufen diese
aus dem Content heraus anstatt das dieser mitwächst.
Ist kein unbekanntes Problem und ich habe das früher auch schon x-mal selber gemacht, aber ich bekomm es nicht mehr gebacken. :(

 

[Marv]

Hallo,

Damit das ul Element ".thumbs ul" trotz floatendem Inhalt mitwächst musst du dem ul Element die Eigenschaft "overflow:hidden;" geben, sowie die Eigenschaft "height" entfernen.
Zusätzlich die eigenschaft "float" entfernen, damit der umfließende div Container mit der Klasse "thumbs" auch volle Höhe einnimt, sodass das Hintergrundbild sich komplett erstreckt.

Damit danach der Abstand zwischen dem ul und der Navigation verschwindet setzt du margin-top (Das ist der Außenabstand nach oben) auf 0 , damit die Bilder jedoch nicht ganz oben dran kleben setzt du noch padding (Das ist der Innenabstand von Oben) auf 30px.

Dann sollte es so aussehen wie du willst.

 

[acid3urn]

war doch klar, dass es SO simpel ist...
ich glaub heute ist ein guter Tag um mit dem Saufen anzufangen ;)
Vielen Dank Marv!