iframe -> fixed normal footer

Ok, I am trying to implement a fixed normal footer in v2.0....everything is cool and I like how the footer stays at the bottom of the browser window. I have a content area and a right column...it seems like I need to make these areas iframes because my content height or column content will be different for each page. If I do not have an iframe the extra text just disappears below the footer.

What would be the recommended solution?

Thanks in advance

Hiya Robert,

Do you mean that if enough content is placed in the right column or in the main content area, the footer stays fixed to the bottom of the screen and the content runs (over, under) below it?

This is quite common for fixed footer layouts when viewing them in DreamWeaver 'design' view, but isn't too common when viewed properly in a browser.

Naturally, if there is more content than there is screen space for, then something has to give. The normal behaviour for fixed footers is to sit at the bottom of the screen until the content pushes them down and the scrollbars begin. There are also 'truly' fixed footers that are designed to stay anchored to the bottom of the screen as you scroll down the content beyond screen height.

Could you post a link to an uploaded page where we can see this behaviour? It would be easier to diagnose the problem that way.

Thanks Neilo for your response....here are a couple of comparitive examples...

test1.html

test2.html

If you will notice on test2 the text just disappears....

Oh, btw....I am obviously in DW's template mode when building pages...

Hi Rob,

I think you would need to add a 'padding-bottom' property to the #outerWrapper #contentWrapper rule (at line 54 of your nsm2011_web.css ) that is equal to or slightly greater than the height of your footer area, something like:

#outerWrapper #contentWrapper {
    overflow: hidden;
    padding-bottom: 100px;
}

That should work (I think), as long as the footer area height is the same on all your pages.

Edit: Sorry - Robert, not Rob!

Very interesting solution Neilo....so, to play it safe in terms of templating....should I just use a bigger figure like 500px to ensure I always have enough room? Yes, my footer is the same height throughout the template.

Oh I see....now just adding that 100px it pushes everything down....VERY NICE SOLUTION and thank you very much.

Cheers Robert,

It's a handy tip for fixed footers, the padding set to the height (or slightly more) of the footer ensures that the content always clears the footer.

I originally learned it here

Thanks for the linky...