✔ div soll mit Inhalt wachsen

[Snowat2011]

Hi,

ich hab halt ein Problem und zwar soll ein div-container mit voreingestellter Höhe (in dem Fall 100%) bei Inhalt der größer ist als der div-container mitwachsen. Also irgendwie macht er das ja automatisch weil der Inhalt ja im div-container steht aber die Hintergrundfarbe wächst zum Beispiel nicht mit
hat da vllt jmd ne lösung

das problem könnt ihr euch hier ansehen : http://www.richtersolutions.de/test/

also Funktionen sind noch nciht vorhanden es geht erstmal nur um die Darstellung

vielen Danke im vorraus für die Hilfe

mfg Marius

 

[Maik]

Hi,

ich empfehle dir, mein CSS-Tutorial CSS-Layout mit 100%-Höhe zu studieren, denn die inneren DIVs dürfen keine Höhenangaben besitzen, damit das Layout bei zunehmenden Inhalt mitwächst.

Außerdem bewirkt diese Zeilen für div.top

min-height: 100%;
height: 100%;

dass die modernen Browser sich an die height-Deklaration halten, die von ihnen als feste Höhe interpretiert wird.

mfg Maik

 

[Snowat2011]

ja danke schön, es hat funktioniert.

Jetzt hab ich bloß noch ein Problem und zwar wird die linke Menu-Leiste nicht mehr bis ganz nach unten angezeigt.
Ich hab es schon beim div.menu mit height: 100% versucht aber das hat nichts gebracht.

Kannst du mir da evtl auch nochmal weiterhelfen?

greetz Marius

PS: da http://www.richtersolutions.de/test/ is wieder der neue upload

 

[Maik]

Ich weiß nicht, was gegenüber der vorherigen Version jetzt funktioniert, denn wenn ich runterscrolle, wird der Hintergrund vom DIV.top weiterhin abgeschnitten.

Scheinbar hast du dir meine angehängten Beispiele im Tutorial nicht näher angeschaut, denn ich erzeuge die Spaltenhintergründe durch eine Hintergrundgrafik, die im Elternelement div#wrapper eingesetzt ist - das Stichwort lautet hier: Faux Columns

Da du aber nicht wie ich mit fixen sondern mit relativen Breiten arbeitest, empfehle ich dir http://www.pmob.co.uk/pob/equal-columns.htm als Lösungsvorschlag, was das Angleichen der Spaltenhöhen betrifft.

mfg Maik

 

[Snowat2011]

Achso, ich hab nur unter Internet Explorer nach geguckt und da funktioniert es jetzt

Vielen dank nochmal für deine Hilfe ich werd die ganzen Links nochmal durchschauen und rumprobieren.

 

[Snowat2011]

Also ich hab nochmal dran gearbeitet und jetzt funktioniert das soweit ganz gut.
Ich hab bloß noch ein Problem was ich nicht richtig lösen kann und zwar will ich dass das Hintergrundbild mindestens über den ganzen Bildschirm geht.

hier ist das Problem zu finden

greetz Marius

geändert: OK, hab das Problem gelöst. Vielen Dank für die Hilfe Maik!