Hello

I’m hoping you might be able to help me again. I’m working on a dynamic Web Template and everything is going well. Everything on the page is static. I have several editable regions either in a layer or a div. There is a footer at the bottom of the page in another div. I want it set up so that every page will look the same, meaning that as I fill the editable region more and more, the footer will just keep pushing down and sitting at the bottom of the page. When I’m working on a page, it works and looks exactly as I want it to. But when I view it on the web, the footer jumps up, overlapping the editable region as if it can’t read that there is something in its path.

Hopefully you’re able to understand what I mean. Do you know what I’m doing wrong?

Thanks for your help,
Megan

Hi Megan,

I believe I do know what you mean. Try this: Open the style you’re using on the Footer div by double-clicking on it in the Styles panel to edit it in the CSS Rules dialog box. From the category list, choose Box and then look for the field labeled Clear. In the Clear field, use the drop-down menu and select Both.

What this does is add a rule to the style that requires the browser to clear anything above the footer so that it always stays at the bottom. This is necessary when you use floats in your other styles.

Hope that helps,
Janine

Still want more? Visit the Dreamweaver Help Center at www.DigitalFamily.com/dreamweaver to find Dreamweaver tips, tricks, and tutorials.