ansaurus

Question

Answer 1

A:

here is css fix for it

#footer{
position:absolute;
bottom:0;
}

c0mrade 2010-01-21 09:04:40

that doesn't work I believe because the messagebox and the picture are both floated inside their container, therefore the when I use that CSS fix it places the footer on top of the floated items..

Dan 2010-01-21 09:07:41

scratch that, you were right, it just acted funny in dreamweaver, thankyou

Dan 2010-01-21 09:09:34

This will do horrible horrible things if the viewport is smaller than the height of the website. The footer will be stuck to the bottom of the viewport and not the bottom of the actual page.

Splash 2010-01-21 09:11:47

Yes, I should of thought of clearing the float first. I guess since they were nested within another containing div and then centered from there I didn't think it would be an issue. I am no CSS expert but I like to think I know a good bit. Thank you very much for the correct, right way to do it!

Dan 2010-01-21 09:16:46

Answer 2

+2 A:

#footer {
    clear: both;
}

This will ensure it is always pushed down below all other floated content. This seems to provide the effect you are asking for.

Splash 2010-01-21 09:08:35

the first answered worked but it did not center the footer like it needed to be, plus its more of a css patched up version of what I want. This is the right way to do it, thank you very much!

Dan 2010-01-21 09:12:23

ansaurus

tags:

views:

answers:

Liquid CSS layout issues

related questions