Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 261
  • Last Modified:

Cross browser CSS botton align footer required

i'm having problems getting various css hacks to work on getting my css consistent across mozilla and IE (windows only at this stage).
http://staging.italianfestival.com.au/footerstick.html is the URL.

FYI, I have started with this template found here :  http://solardreamstudios.com/learn/css/footerstick/

any direction greatly appreciated..

1 Solution
remember that it's strongly recommended not to use any bottom-aligned footer technique with css layouts.  it simply does not work well.
i.e.: in IE, when your browser width is less than 760px, you get a horizontal scrollbar... that's normal... but the horizontal scrollbar overlaps the footer, which has the side effect of showing the vertical scrollbar... and now you need to scroll to see your footer.

for your current attempt, the only thing i noticed is the footer that does not align to the left in IE.
You can fix that using "left: 0" on your footer.
i would also remove the "bottom: -1px" that makes the scrollbar flicker.

#container-foot {
  width: 100%;
  background: #aaa;
  position: absolute;
  bottom: 0 !important;
  left: 0;
  height: 40px;

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Tackle projects and never again get stuck behind a technical roadblock.
Join Now