footer

Discussion in 'CSS' started by Bram Wenting, May 17, 2007.

  1. #1
    Hi everybody!

    I have a problem with my layout. It's about the aligning of the footer and the length of the page.
    In this layout, I want my footer to be at the bottom of the window/page. ALWAYS. Here's the code I use for the footer:

    div#footer{
       width: 100%;
       height: 80px;
       background-color: silver;
       padding: 30px 0px 0px 0px;
       text-align: center;
       position: absolute;
       bottom: 0;
    } 
    
    Code (markup):
    But when the menu is longer then the window, it goes THROUGH the footer, and the footer doesn't slide to the bottom of the page. Here are 2 examples:
    How it should always be
    When the menu is longer

    What I want is the footer to stay at the bottom of the page forever.

    Thanks!

    Bram Wenting

    p.s. The images are not the images which will be used in the final version, so no comments about that please ;)
     
    Bram Wenting, May 17, 2007 IP
  2. SpringCypress

    SpringCypress Well-Known Member

    Messages:
    316
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    108
    #2
    It's kind of hard to say without seeing how your other divs are laid out
     
    SpringCypress, May 17, 2007 IP
  3. Bram Wenting

    Bram Wenting Active Member

    Messages:
    392
    Likes Received:
    52
    Best Answers:
    0
    Trophy Points:
    68
    #3
    mayB check out the source of the page ;) But I have almost fixed it with someones help, so the files are not accurate anymore to the info above... I'll keep this thread updated :)
     
    Bram Wenting, May 17, 2007 IP