nicht angemeldet
Hallo Forum,
ich versuche einen DIV-Container über die gesamte Fensterhöhe
auszudehnen:
<style>
html { overflow-y: scroll; height: 100%; }
body{
margin:0;
padding:0;
background: #F3F3F3;
height: 100%;
}
#maincontainer_div{
width: 924px; /*Width of main container*/
height: 100%;
margin: 0 auto; /*Center container on page*/
background: #FFFFFF;
}
</style>
<body>
<div id="maincontainer_div">
</div>
</body>
... das funktioniert auch soweit:
"maincontainer_div" ist 924px breit, horizontral zentriert und nimmt
die gesamte Höhe des Fensters ein.
Jetzt das Problem:
------------------
Ich will eigentlich nicht dass "maincontainer_div" die gesamte Höhe
einnimmt, sondern oben und unten 20px Abstand zum Festerrand bleiben.
Wenn ich für eines der Elemente html, body oder maincontainer_div
margin oder padding anwende, kommt das zu den 100% dazu. Sprich:
Es der Inhalt wird grösser als das Fenster (100%+20px).
Kann mir jemand dazu einen Tipp geben ?
tausend Dank und
beste gruesse,
martin