Treehouse: Grow your CSS skills. Land your dream job.

CSS Sticky Footer – working, but not all the time

  • # September 20, 2010 at 8:14 am

    Hello all. I’ve undertaken a fairly simple project just to practice my skills. My friend made a webpage in dreamweaver (design mode) and I thought it’d be good practice for me to take it apart and strip it down to standards-compliant HTML & CSS and see how much simpler I could make it without DW’s extra junk.

    Anyway, I’ve got it pretty much where I want it and it looks like the original:

    Everything seems to be working, but if you click on any of the news items, the CSS sticky footer breaks in IE6. Look here for an example:

    IE7/8 and FF 3.5 both work. Haven’t tested Chrome, Opera, or Safari, but in Taiwan most of the traffic comes from IE anyway.

    I used the code from – again it works, just not when you click on the news. Can someone enlighten me about what is happening and why? I thought the bottom margin on the div#maincontent would push it down.


    # September 20, 2010 at 1:39 pm

    Not much people are using IE6 anymore, i wouldn’t waste my time on fixing it for that

    # September 20, 2010 at 7:26 pm

    Seconded. The majority of coders don’t even bother. Unless it’s geared towards and audience that would more likely be using it. Recently I did a website for tech support so it needed to IE6 compliant.

    # September 20, 2010 at 7:35 pm

    I know this isn’t much of an explanation but I’ve gotta agree with the others. I work for a rather large company and upon redesigning the site we pretty much washed our hands of ie6. It’ll stick around as long as people keep designing for it. So unless there’s a real reason to worry over it, I wouldn’t bother with it much.

    # September 20, 2010 at 8:57 pm

    Cool. I was a bit hesitant to do any more work supporting IE6 than necessary.

    Thanks for the feedback!

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.