✔ Div vertikal "zentrieren" mit overflow: scroll

[meisti94]

Guten Tag

Ich möchte ein Div so vertikal zentrieren, dass oben und unten zum Bildrand ein Abstand von 30px ensteht.
Die "Box" soll also immer gleich gross bleiben. Nur der Content, in der mitte, soll mit einem Scroll bedienbar sein.

Mein momentaner code:

#content{
margin: 30px auto 30px auto;
text-align: center;
overflow: scroll;
max-height: auto;
width: 850px;
background-color: blue;
}

Vielen Dank schonmal

 

[raruk]

Hallo,

So würde ich es machen:
overflow: scroll;
margin-bottom: 30px;
margin-top: 30px;

Höhe solltest du auch fix setzen. Sonst wird es nie einen Scrollbalken geben, weil der <div> sich dann je nach Länge des Inhalts anpasst.
Also noch dazu:
height: 200px;

Viel Glück

 

[meisti94]

So wie du es hast habe ich es ja 1:1 und es funktioniert nicht?

 

[raruk]

bei dir steht folgendes:
max-height: auto;
setz das mal auf eine fixe Grösse:
max-height: 100px;
Dann musst du noch genug Inhalt in dem <div> haben dass es überhaupt eine Scrollbar gibt.

 

[meisti94]

Ich will ja die max-height auf Auto, sie soll ja nicht fix sein.

Sie muss sich dem Bilschirm anpassen, der Höhe. Wieso sollte ich einen fixen Wert nehmen?!

Genug Inhalt ist da.

 

[raruk]

Vielleicht hilft dir das ja weiter:

http://stackoverflow.com/questions/5564455/scrolling-div-without-fixed-height

Habe sonst keine Idee, sry.

Gruss und schönen Tag!

 

[meisti94]

Danke!

Mit der Ergänzung:

position: absolute;
top: 0; bottom: 0; left: 0; right: 0;

hat es geklappt

 

[raruk]

Gerngeschehen