close ad
Install the LAtest Updates to Work with CC 2017 and CC 2018
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

iframe -> fixed normal footer

Thread began 1/15/2011 7:56 pm by RobertB | Last modified 1/24/2011 7:28 pm by RobertB | 2397 views | 7 replies |

RobertB

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

Sign in to reply to this post

neilo

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.

Sign in to reply to this post

RobertB

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...

Sign in to reply to this post

neilo

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!

Sign in to reply to this post

RobertB

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.

Sign in to reply to this post

RobertB

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

Sign in to reply to this post

neilo

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

Sign in to reply to this post

RobertB

Thanks for the linky...

Sign in to reply to this post

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...