footer div skal fylde ud i højden
Hej.Jeg har et problem med footeren på min side, under en wrapper der pakker hele sidens indhold ind. Footeren skal fylde ud i højden. Jeg har følgende style:
- - - - - - - - -
html {
width:100%;
height:100%;
}
body {
margin: 0;
padding: 0;
width:100%;
height:100%;
background: #000000;
}
#wrapper {
width:100%;
background: #ffffff;
}
#footer {
position:absolute;
top:inherit;
width:100%;
height:100%;
background: #cccccc;
}
- - - - - - - - -
<body>
<div id="wrapper">
</div>
<div id="footer">
</div>
</body>
- - - - - - - - -
Men min footer bliver stadig 100%, altså hele browserens højde, og tar ikek højde for den plads som wrapperen har snuppet ovenover.
Nogen ideer?