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

Fixed footer problems.

Thread began 3/01/2010 6:49 am by CraigR | Last modified 5/11/2010 2:12 am by sumansameer407003 | 3328 views | 7 replies |

CraigRBeta Tester

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/

Sign in to reply to this post

neilo

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]

Sign in to reply to this post

CraigRBeta Tester

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 ?

Sign in to reply to this post

neilo

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!

Sign in to reply to this post

CraigRBeta Tester

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

Sign in to reply to this post

marrydavidson101405610

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.

Sign in to reply to this post

CraigRBeta Tester

??

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

Sign in to reply to this post

sumansameer407003

impressive keep it up

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