CSS Forum

**evans123** · 10-31-2010, 12:48 PM

On my website ive managed to get the footer to stick to the bottom however, there seems to be a small space between the bottom of the footer and the browser, i believe it has something to do with the clearfix classes as if i add them to some <div>'s this space gets bigger.

Click here for website.

Main CSS attributes:

Code:

#container { min-height:100%; height: auto !important; height: 100%; margin-bottom: -150px; }
#footer { clear: both; position: relative; height: 150px; background: url(/../../images/bg-footer.gif); }

Example HTML configuration:

HTML Code:

<html>
<body>
<div id="container">
Other divs in here too.
</div>
<div id="footer">
Other divs in here too.
</div>
</body>
</html>

**evans123** · 01:23 PM

The current code doesn't produce that small gap in IE however it does in Firefox.