DIV soll sich der Höhe des Inhalts anpassen

[Dan]

Hallo!

Ich habe mehrere div Bereiche auf meiner Seite.

Einen großen div-container in dem alle anderen divs drinnen sind.

Die einzelnen content-divs innerhalb des container-div werden immer ein und ausgeblendet. Die content-divs haben verschiedene Höhen. Jetzt soll sich der div-container diesen Höhen automatisch anpassen.

Hat jemand einen Lösungsvorschlag für mich..

mfg. Dan

[Hallo]

geht das nicht einfach mit <div height=" " width=" "></div> ?
ich bin mir nicht sicher aber das wäre ne logische lösung xD

[Engin]

Hi,

geht das nicht einfach mit <div height=" " width=" "></div> ?

also wenn dann machen wir es doch richtig,

#layout{  
height:auto;  
width:auto;  
}

  
<div id=layout></div>

Grüße,
Engin
 GYRO

[Steel]

Wie kommt es denn, dass dein Div das nicht automatisch tut? Das ist schliesslich die Standardeinstellung.

[Gernot Back]

Hallo Dan,

Ich habe mehrere div Bereiche auf meiner Seite.

Einen großen div-container in dem alle anderen divs drinnen sind.

Die einzelnen content-divs innerhalb des container-div werden immer ein und ausgeblendet. Die content-divs haben verschiedene Höhen. Jetzt soll sich der div-container diesen Höhen automatisch anpassen.

Kann es sein, dass einige deiner Inhalts-DIVs innerhalb des großen DIV-Containers floaten? Dann definiere eine Weite für deinen DIV-Container, verpass ihm overflow:hidden und setze als letztes hinter den innerhalb flotenden content-DIVs ein clearendes Element ein, z.B. ein BR-Element, sicherheitshalber mit der CSS-Eigenschaft clear:both. Damit der Container dadurch auch bestimmt nicht höher wird als wirklich erforderlich, gib ihm evtl. darüber hinaus line-height:0;

  
br.clear {  
   clear:both;  
   line-height:0;  
}

http://aktuell.de.selfhtml.org/weblog/css-spaltenlayout#wunderwaffe-overflow

Gruß Gernot