Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    Senior Coder
    Join Date
    Aug 2005
    Posts
    1,119
    Thanks
    2
    Thanked 1 Time in 1 Post

    Pushing to bottom of page

    On my page here:
    http://eli-white.com/v2/

    I would like to push that footer box to the very bottom of the page, even with the empty space above it. My google searches turned up a bunch of pages with hacks that would accomplish this, implying that it cant be done without them. I figured I'd post here and see if anyone knows of a way to do this without IE hacks and such. The footer should be about 100px tall at the bottom of the screen.

    Thanks in advance.

    EDIT: I dont want to use absolute positioning because I don't want to through off the page's flow.
    Last edited by thesavior; 01-09-2008 at 01:28 AM.

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,748
    Thanks
    22
    Thanked 1,838 Times in 1,822 Posts
    Hello thesavior,
    If that's all the content your going to have then a simple 100% height might work ok for you.
    If your going to have more content in there then this is how I do it: http://nopeople.com/CSS/full-height-layout/
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #3
    Senior Coder
    Join Date
    Aug 2005
    Posts
    1,119
    Thanks
    2
    Thanked 1 Time in 1 Post
    I must be missing something, I added in some of your lines to my footer, and didnt see anything else in your css that looked like it would make much of a display difference, but it obviously did. Can you point me in the right direction with where I'm missing the key element that is keeping my footer from dropping?

    http://eli-white.com/v2/

  • #4
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,748
    Thanks
    22
    Thanked 1,838 Times in 1,822 Posts
    The CSS for #footer brings the footer back UP.
    The settings for html, body, #wrap and * html #wrap push the page to the bottom of the browser window.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad


  •  

    Posting Permissions

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