HTML/CSS Contentbereich dynamische größe -Scrollbar

[Bububoomt]

Ich verzweifel grade an einem doch eigentlich recht simplen Layout ;(

Was ich habe habe ich als Anhang hocgeladen.

Ich möchte das der Content Bereich sich der Höhe anpasst und nur der Content scrollt wenn er zu lang ist.


Was ich noch nicht drin habe ich würde von einer Mindesthöhe von 700px ausgehen, aber das erste mal neben Sache.

Wie bekomme ich es hin, das der Content nur Scrollt und der Footer damit immer ganz unten ist?

verzweifelt bin

 

[Smssam]

Ich kann jetzt nicht ganz nachvollziehen, was du damit meinst inwiefern sich der Content Bereich anpassen sollte... Meinst du evtl das der Content Responsive wird?

Wenn ich es nun richtig deute, so schau dir mal die Flexboxen an. Das könnte auch das Problem mit dem Footer lösen, es sei denn du willst einen Sticky Footer (der permanent immer unten am Bildschirm angezeigt wird).

 

[apolle]

Guckst Du hier:
https://www.cssstickyfooter.com/de/

 

[Bububoomt]

Also um Responsive Design gehts direkt nicht, sondern darum das ich einen bereich habe, der halt die volle/restliche Größe annehmen soll.

Der Footer soll soweit Sticky sein, außer das Fenster wird zu klein.

Werde mir das mit dem Flex anschauen, vielleicht ist das ja das was ich suche.

 

[tleilax]

Meinst Du sowas?

https://codepen.io/tleilax/full/emZvrq/

 

[Bububoomt]

Genau, nur meins ist klein wenig komplexer, hatte das auch mit Position absolut und top bottom versucht wie in deinem beispiel, hatte aber wohl was falsch gemacht.