I have content that spans about 400px from the top of the page to the end
of the content.
I want to have a nice footer exactly below the content all the way to the
bottom of the page, but without enabling the scroll bars.
Right now I have it working with "height:1000px;" but it causes the page to
scroll.
Is there a way in CSS to have the div run all the way to the bottom of the
visible space? I tried "height:100%;" too and that didn't do any good
either. It's just a background color with a 1px border at the top.
<body>
<div id='header'></div>
<div id='content'> ... </div>
<div id='footer'></div>
</body>
#footer {
background-color:#058;
height:1000px;
border-top:1px solid black;
margin-top:5px;
}
Beckman
---------------------------------------------------------------------------
Peter Beckman Internet Guy
[EMAIL PROTECTED] http://www.purplecow.com/
---------------------------------------------------------------------------
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
