/    Sign up×
Community /Pin to ProfileBookmark

Footer – please help!

Copy linkTweet thisAlerts:
Jun 06.2009

I’d hate to start yet another sticky footer thread, but I just can’t figure this out. It works in FF, not IE7.

URL: [url]http://prague.directrouter.com/~inspira2/index.php[/url]

I think I must just be missing a “>” or something that FF is smart enough to know should be there.

to post a comment
CSS

5 Comments(s) ↴

Copy linkTweet thisAlerts:
@Four_StaplesJun 06.2009 — I'd hate to start yet another sticky footer thread, but I just can't figure this out. It works in FF, not IE7.

URL: http://prague.directrouter.com/~inspira2/index.php

I think I must just be missing a ">" or something that FF is smart enough to know should be there.[/QUOTE]

Never use margin-top in combination with a clearing element-- it renders differently in just about all browsers.

Examples: http://www.adobe.com/cfusion/communityengine/index.cfm?event=showdetails&productId=1&postId=104
Copy linkTweet thisAlerts:
@velcrobotsauthorJun 06.2009 — Never knew that - but that's straight from the site that's supposed to work for everyone - stickyfooter.com
Copy linkTweet thisAlerts:
@Four_StaplesJun 07.2009 — Never knew that - but that's straight from the site that's supposed to work for everyone - stickyfooter.com[/QUOTE]

Looks like StickyFooter uses browser hacks to effectively use different styles for each browser... they also seem to have a "clearfix" that you haven't implimented into your code. I would imagine that once you add that in, it should work.
Copy linkTweet thisAlerts:
@velcrobotsauthorJun 07.2009 — I'm no stranger to web design but I'm new to layout completely in CSS like this - is there a "hack-free" way to get a sticky footer? From what I've seen online, this seems to be the most accepted method.

Thanks for your help though, I'll give their clearfix a shot.
Copy linkTweet thisAlerts:
@velcrobotsauthorJun 07.2009 — That made a big difference - I think I just need to mess with some more of the margin/padding.

Thanks again.
×

Success!

Help @velcrobots spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.2,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,
)...