zentriert mit position absolute, dennoch luft zum bottom

[aluno]

Hallo,

ich würde mein main-DIV, indem so ziemlich der ganze Content steckt, gerne horizontal zentrieren. Das würd ich gerne mit position: absolute erreichen, damit ich später meinen Content schön relativ zu den Wänden des main-DIVs absolut positionieren kann. Das gelingt auch alles so weit mit folgendem code:

  
#main {  
background-color: #ffffff;  
position:absolute;  
width: 700px;  
height:800px;  
left:50%;  
margin-left: -350px;  
margin-top:50px;  
margin-bottom:50px;  
padding: 0px;  
  
}

Aber ich hätte auch gerne oberhalb sowie unterhalb meines main-DIVs 50px Abstand zu Browserfenster. Das habe ich versucht mit margin-top/ margin-bottom zu lösen. Oben funktioniert es, unten nicht: Sobald das main-DIV länger wird als der Bildschirm Platz bietet, läuft das DIV ins Nichts und man kann auch nicht nach unten scrollen um es ganz zu sehen. Demnach ist dann unten auch kein Abstand von 50px. Das Problem tritt nicht auf, wenn ich dem main-DIV keine absolute Position zuweise. Beispielsweise so:

  
#main {  
background-color: #ffffff;  
width: 700px;  
height:800px;  
margin:0 auto;  
margin-top:50px;  
margin-bottom:50px;  
padding: 0px;  
  
}

Wie gesagt hätte ich aber gern mein main-DIV absolut positioniert, um später meinen Conten besser absolut darin positionieren zu können. Dafür muss es doch eine Lösung geben oder? Für Tipps wäre ich echt dankbar! Vielen Dank schonmal!

Gruß, Aluno