CSS Sticky Footer Always Produces Scroll Bar

Hi,

I've spent around 6 hours on the net looking for an answer to my question because I hate asking people to debug for me.  But I'm 100% lost now.

I have a footer on this page: http://www.redvent.com/about/ that works perfectly.  The spacing is good, and it's on the very bottom of the page.

The footer on this page: http://www.redvent.com/about/philosophy.aspx however always gives me a scroll bar.  The scroll bar will go away if I change the html { height:100%; } to around 95% but that isn't what I want to do.  I would attach the code, but it's too long.

Here are the URLs: http://www.redvent.com/about/philosophy.aspx
CSS is here: http://www.redvent.com/style.css
psalessesAsked:
Who is Participating?

[Webinar] Streamline your web hosting managementRegister Today

x
 
felixtothConnect With a Mentor Commented:
Hi,

can you specify in wich browser do you have that problems?
For me the page looks good in IE7 and Firefox.  Both pages look similar, but both with scrollbars.

Minor problem in IE6:  
style.css (line 16)

#push {
min-height:134px;
}

IE 6 does not understand minheight, so the last lines of your content is cutted

change to:
#push {
height:134px;
}

it should make no difference, and works with ie6
0
 
psalessesAuthor Commented:
The problem is that there is a scroll bar on the Philosophy page.  There doesn't need to be because there isn't enough content to need one.  The scroll bar is unnecessary...
0
 
psalessesAuthor Commented:
Anybody?  I think it might have something to do with padding or a margin on one of my tags.  The problem is I can't find which one.  And to have a scroll bar when one is clearly not necessary, it looks extremely unprofessional.
0
 
psalessesAuthor Commented:
I solved my problem.  I had a border on the body tag, which apparently isn't taken into consideration when you set height to 100%
0
All Courses

From novice to tech pro — start learning today.