SitePoint Sponsor

User Tag List

Results 1 to 6 of 6

Thread: CSS footer

  1. #1
    We like music. weirdbeardmt's Avatar
    Join Date
    May 2001
    Location
    Channel Islands Girth: Footlong
    Posts
    5,882
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    CSS footer

    Hey... I am designing a new site so I thought I'd try ditching tables and do it all with CSS. I have had a load of inspiration from www.glish.com/css but I have come up with a problem.

    I am basically working off of the "3 column" idea... the header area, then three columns. BUT I want to create a footer for the page which is essentially identical to the banner... it can be a certain height (or, start at a certain position on the page) and then just travel all the way down to the bottom of the page. I have done loads of things (and managed to get it to sit behind the other <DIVS> by using position:auto but I just can't seem to get it just fill the rest of the page down to the bottom. I don't want to fix it at a certain height cos I have no idea what resolutions etc and want it all to be reasonably fluid. I hope I am making sense.

    I am kind of new to the whole relative/absolute positioning stuff and would appreciate a heads up on some ideas.

    Thanks
    I swear to drunk I'm not God.
    Matt's debating is not a crime
    Hint: Don't buy a stupid dwarf Clicky

  2. #2
    Back in Action Winged Spider's Avatar
    Join Date
    Jun 2001
    Location
    outside my mind
    Posts
    900
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Some Ideas:


    You could try setting a your footer to position:absolute; and try and use the bottom property: to set a distance that your footer will stay off the bottom of the page.

    Or try and use a margin-top: 95% or something similar.

    Do you have any code?

    Try looking at
    http://homepage.mac.com/iblog/nn4_3col_header.html
    for some idea's also.

    And I've just put up a modified version of that at:
    http://miracle-group.com/test.asp


  3. #3
    SitePoint Wizard
    Join Date
    Jul 2001
    Location
    The Netherlands
    Posts
    2,617
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    How about margin-bottom: 0px;? Doesn't that work?

  4. #4
    SitePoint Evangelist
    Join Date
    Oct 2001
    Posts
    439
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    so does the footer have to sit flush against the bottom of the page? Or do you just want a footer to sit under the other content, which may not always be flush aganist the bottom.......

    If it is the first scenario you are after, I have wanted to do that once myself, I did find a solution, but it was rather problematic....so I just used a standard footer...

  5. #5
    We like music. weirdbeardmt's Avatar
    Join Date
    May 2001
    Location
    Channel Islands Girth: Footlong
    Posts
    5,882
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by mvd
    so does the footer have to sit flush against the bottom of the page?
    Yes... I would like to have it always flush against the bottom. I am currently at a different computer but when I am back in a couple of days I will post some source code/examples so you guys can see what I am doing.

    Thanks for the help thus far.
    I swear to drunk I'm not God.
    Matt's debating is not a crime
    Hint: Don't buy a stupid dwarf Clicky

  6. #6
    We like music. weirdbeardmt's Avatar
    Join Date
    May 2001
    Location
    Channel Islands Girth: Footlong
    Posts
    5,882
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Well this is basically what I am doing:

    Code:
    #footer {
    		text-align:center;
    		height:175px;
    		background:#CCC999;
    		color:#FFF;
    		font-size:8pt;
    		font-family:Arial;
    
    		}
    but as you can see from the image, it doesn't sit flush with the bottom of the screen. I have tried margin-bottom:0px which doesn't help and margin-top:95% actually works, BUT it makes the page REALLY high... how can I just make it sit at the bottom, regardless of the height of the page etc?
    Attached Images Attached Images
    I swear to drunk I'm not God.
    Matt's debating is not a crime
    Hint: Don't buy a stupid dwarf Clicky


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
  •