General Question

klaas4's avatar

Footer on real bottom of the page?

Asked by klaas4 (2176points) June 16th, 2008

Hello,

I’m designing this new website but I have a problem.

As you already may see, the text continues, but the footer isn’t positioned on the absolute bottom of the page. Only on the edge of your browser window.

What do I have to do to position in on the bottom? The real bottom. I’ve searched and tried these solutions on my layout, but the damn thing won’t go to it’s place.

Link to site, css.

Thanks in advance!
Davey

Observing members: 0 Composing members: 0

6 Answers

bluemukaki's avatar

Have you tried setting the overflow:auto; on the div.content class?

Vincentt's avatar

Get rid of the absolute positioning, it’s not needed at all (like it almost never is). Just let the blocks stack next and below eachother. I’ve quickly edited your CSS to use normal positioning, will probably need some tweaking here and there (and learning float positioning), but I hope it’ll provide a good start: http://paste.ubuntu.com/20574/

stephen's avatar

did u forget “clear:both”?

klaas4's avatar

bluemukaki and stephen: Thanks, but those didn’t work.

Vincent: http://www.daveyyzermans.nl/index_new.php?style=2. That doesn’t make it very better. :) I understand your point, and with tweaking it could fix it, but because I don’t know how this is build up, I don’t know how to modify it.

Could you please give a better explanation of what you’ve done?

klaas4's avatar

I have figured it out a bit, but it still isn’t how I want it. Can you help?

Vincentt's avatar

That depends: I can only help if I know what it is you’re trying to do, as the footer is at the bottom now :) (In Firefox at least)

Answer this question

Login

or

Join

to answer.

This question is in the General Section. Responses must be helpful and on-topic.

Your answer will be saved while you login or join.

Have a question? Ask Fluther!

What do you know more about?
or
Knowledge Networking @ Fluther