/    Sign up×
Community /Pin to ProfileBookmark

Can’t get the footer to stick to the bottom of the page

Hi,

I want to assign what I think is called a sticky footer on my page, but I dont understand what I’m doing wrong.

[url]http://borealis.webson.ee/partnerlus/delux/[/url]

I have given my container a minimum height (1300px), and also height:100% and height:auto, so in theory, it’s height should expand according to the contents inside it, right? For some reason, it wont and it just stays at 1300px, so the footer just floats in the middle of the screen.

Maybe someone with a better understanding of CSS can help me out in this.

Thanks a lot,
Jaan-Matti

to post a comment
CSS

1 Comments(s)

Copy linkTweet thisAlerts:
@JaanMattiauthorMay 24.2012 — Got it fixed, clear:both was missing from the footer div.
×

Success!

Help @JaanMatti 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.16,
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: @nearjob,
tipped: article
amount: 1000 SATS,

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

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