/    Sign up×
Community /Pin to ProfileBookmark

Footer problems

Copy linkTweet thisAlerts:
Dec 08.2008

Hi!

I’m stuck with a problem that I though should be easy to solve……but no.

I have made a template page for my website. This page consist of a header, a left navigation menu, a right navigation menu, and a footer. The header and menues are all positioned using [I]position: absolute;[/I]. I also have a middle column that is positioned absolute.

The only content which will change is in the middle column. So I want a footer that stays at the bottom of the page regardless of the height of the middle column, therefore I can’t position it absolutely.
[I]But whatever i do the footer goes to the top of my page, over the header.[/I]

This probably has a very easy solution, but for some reason I can’t figure it out.

to post a comment
CSS

2 Comments(s) ↴

Copy linkTweet thisAlerts:
@ThengelauthorDec 08.2008 — ok, I think I have solved it.

I guess the problem was that I used absolute positioning. Have to use float.

That really messed up many hours of work!!! I think I will start to collect stamps instead of this webdesign stuff! :eek:
Copy linkTweet thisAlerts:
@Major_PayneDec 09.2008 — Know you said you have it, but if you want additional info:

Make the Footer Stick to the Bottom of a Page

Exploring Footers

Footer Demo
×

Success!

Help @Thengel 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.17,
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,
)...