Fixed footer problems.

What I would like to achieve is a layout with a footer which is never higher than the bottom of the page.
If the page content is greater than the screen height, the footer should move down accordingly.
I have attempted a simple 2 column layout with a fixed footer, using CSSSculptor 3
When viewed at my usual resolution of 1920 * 1200, the page appears fine, but when viewed at a lower resolution 1280 * 800, some of the content is cut off.
I tried adding overflow: auto; to the body tag, which seems to solve the problem in FF.
At 1920 * 1200 i get no scrollbar, but a scrollbar appears under IE8
At 1280 * 800 I get a single scrollbar as expected, but under IE8, i get a double scroll bar.

Test page is here... test3.stonepits.com/

Hi Craig,

It's odd that you are getting double vertical scroll bars in IE8 using overflow - that behaviour was part of (lte) IE7 browsers but was supposed to be fixed for IE8. Are you looking at your page in IE8 in compatibility view?

Your page - without using overflow - is working fine for me in IE and Firefox, with the footer at the bottom of the page but moving down as it should when the content is greater than the screen height, and I can't seem to replicate the problem you are having.

[I also have 1920 x 1200 resolution and tested at the resolutions you specified]

thanks neilo, compatability view it is !

give me php problems over css any day!

(this also appears to have been my problem with CSSMenuwriter, (another post)).

being primarily a FF user, i am not used to IE8, I must have enabled compatability view by accident.

Is the double scrollbar something that would persist in IE7 and if so, is there a workaround ?

Hi Craig,

Yes, I think we get stuck with the double scroll-bar in =< IE7 using the overflow method, so it's probably a case of best possible scenario using overflow in Mozilla and IE8 and using a conditional <!--[if lte IE 7]> in your page headers to an alternative stylesheet for the rest.

But your page looks and works fine for me without the overflow at all, so I'm not sure what is happening at your end!

the compatability must have thrown me a bit.

i have taken the overflow: auto from the body css, and it certainly works in IE8 and FF3 at high and low res.

I can't test for ie7 at the moment tho'

cheers for your help

The Digital File pro Menu Items will be grayed out if the page you have open in Dreamweaver is not a php page.

Make sure the page you are trying to apply digital file pro top is saved using the php extension:
pagename.php


to upload multiple files, you will need to add multiple file form field's and an upload file server behavior for each one.

i think the last message was a reply to a different post

impressive keep it up