CSS Sticky Footer – working, but not all the time

[mpenguin]

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:

http://twu.morbidpenguin.com

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:

http://twu.morbidpenguin.com/index.php?subaction=showfull&id=1284906230&archive=&start_from=&ucat=&

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 http://www.cssstickyfooter.com/ – 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.

Thanks!

[eXo]

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

[noahgelman]

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.

[kevsyers]

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.

[mpenguin]

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

Thanks for the feedback!

[Author]

Posts