Results 1 to 5 of 5

Thread: Footer mis-positioned

  1. #1
    Join Date
    Jun 2008
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Footer mis-positioned

    Chose CSS Library: CSS Layouts: Two Columns & Fixed layouts for the layout. Have added Glossy Vertical Menu and am building into a new website. The main page div uses:
    <!--#include file="squadrons.htm"--> to insert content for the main page section. When this is done the footer does not get positioned at the bottom of the page. Any suggestions on how to get the Footer to appear at the bottom of the page? This page illustrates the problem.

    http://preview.usps-d10.org/index.asp

    Thank you.

  2. #2
    Join Date
    Jul 2007
    Location
    New Zealand
    Posts
    81
    Thanks
    1
    Thanked 1 Time in 1 Post

    Default

    Try this:

    #footer{
    clear: both;
    width: 100%;
    background: #EEEEEE;
    color: #FFF;
    text-align: center;
    padding: 4px 0;
    }

    Change highlighted in red.
    You want the footer to be clear of the left column and the content column so you need to use clear: both. (Least that's what I've been taught.)
    Removed float: left; attribute - don't know if this will make a difference to be honest. (try it with and without and see what difference it makes)

    That was just on instant glance - I didn't look at the whole thing, just whether you had the clear property on both or what.

    Let me know if this helps - if it does, it means I'm understanding too If it doesn't, let me know lol - means I haven't got this sussed yet.
    Last edited by Eternal_Howl; 09-12-2008 at 06:50 AM.

  3. #3
    Join Date
    Jan 2006
    Location
    Ft. Smith, AR
    Posts
    795
    Thanks
    57
    Thanked 129 Times in 116 Posts

    Default

    Ah, the infamous "Footer Question"... If I had a nickel for every time this got asked in the forums... (I might have a few dollars...)

    Below is a list of links which may help you in your quandaries.

    http://ryanfait.com/resources/footer...ottom-of-page/

    http://matthewjamestaylor.com/blog/k...om-of-the-page

    http://www.skeletorscorpse.com/css/footer/

    http://fortysevenmedia.com/blog/arch..._put_with_css/
    --------------------------------------------------
    Reviews, Interviews, Tutorials, and STUFF
    --------------------------------------------------
    Home of the SexyBookmarks WordPress plugin

  4. #4
    Join Date
    Jun 2008
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Thumbs up Nested DIV

    The problem seems to have been more with nested DIV tags. IF I knew more this would have gone quicker ... anyway we're on our way.http://preview.usps-d10.org/index3.asp

    Finalizing the layout and will start adding content, pages and navigation. I must say this is taking shape. Thanks for your help.

    Leo

  5. #5
    Join Date
    Jul 2007
    Location
    New Zealand
    Posts
    81
    Thanks
    1
    Thanked 1 Time in 1 Post

    Default

    Just viewed in IE8 and firefox 3 (I'm running on vista premium on a laptop) and yes, looks like you fixed the footer problem. - it's at the bottom with a small margin of white underneath

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •