Member Avatar for mgn2683

I am having an issue with my footer in both Chrome & Internet Explorer 9. It is supposed to stick to the bottom of the page, no matter how much content is on a page. However with these browsers it shows a gap, any ideas why this would happen?

Can be seen at http://ushousingco.com/template.htm

  • 2 Contributors
  • 1 Reply
  • 187 Views
  • 41 Minutes Discussion Span
  • Latest Post Latest Post by JorgeM
Member Avatar for JorgeM

If you want the footer to stick to the bottom of the page, update your styles for the #footer selector. change the position to abosulte and add a bottom property with a value of 0px; This will ensure that your footer is at the bottom of the page.

#footer {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 90px;
    background-color: #0c5992;
    margin: 0 auto;
}
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.