Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 8 of 8
  1. #1
    Member Nickhead's Avatar
    Join Date
    Jul 2003
    Location
    Pittsburgh, PA
    Posts
    81
    Member #
    2221
    I need the footer of my site to be aligned to the bottom. On some pages it automatically sits on the bottom because the content above it forces it to the bottom. The pages that don't have as much content do not. How can i make my footer always be on the bottom no matter what? I should know this but do not.

    http://www.neondesignsintime.com/custom.asp

    This link is fine.

    http://www.neondesignsintime.com/cart.asp

    This link is not (except for 800x600)

    Thanks once again,
    -nick
    Nickhead
    musicpitt.net

  2.  

  3. #2
    Junior Member retieL nairB's Avatar
    Join Date
    Aug 2004
    Posts
    5
    Member #
    7157
    You can use tables and have the height="100%", by making it 100% it pushes the content all the way to the bottom.

  4. #3
    Member Nickhead's Avatar
    Join Date
    Jul 2003
    Location
    Pittsburgh, PA
    Posts
    81
    Member #
    2221
    yea...

    Ok. But i use 3 different tables. A header, body content, and footer.

    Could i use CSS to pin the footer to the bottom? Is there and easier solution?
    Nickhead
    musicpitt.net

  5. #4
    Senior Member raspberryh's Avatar
    Join Date
    Aug 2004
    Location
    Erie, PA
    Posts
    882
    Member #
    7208
    Liked
    1 times
    if you have a table in the middle of the header and footer, then you can just make the middle table a fixed size. have a table cell on the bottom of the middle table that does not have a fixed height. but, have all the rest of your table cells a fixed height. and, make sure the table is a fixed height. (however high you need it to be for the footer to be in the right place) then, your (middle) table will always be the same height (whatever height you specified), and that empty table cell that you didn't specify a height for will change to accomodate. That way, it will always push your footer to the right place.
    choosy developers choose gif!
    website | paintings | blog

  6. #5
    Member Nickhead's Avatar
    Join Date
    Jul 2003
    Location
    Pittsburgh, PA
    Posts
    81
    Member #
    2221
    cool

    I see what you're saying. I could set the height to work fine at 1024 x 768, and it would also work fine for the 800x600 people... but what about at a higher res. Won't the footer still ride up higher than id want? If i set the height to accommodate the higher resolution, then the lower res people (the vast majority) would be dealing with a pretty long page.

    Damn these liquid websites.

    I think i might need to just have all 3 tables vertically add up to 100 percent... what do ya think?

    maybe i should have created the site as one big table.

    OR, is there a way to have the footer just follow directly after my body content... As in, could the page just cut off at the bottom of the footer, no scrolling or anything, end of the line. (ive been wondering how to do that for awhile)

    Thanks raspberry
    -nick
    Nickhead
    musicpitt.net

  7. #6
    Senior Member raspberryh's Avatar
    Join Date
    Aug 2004
    Location
    Erie, PA
    Posts
    882
    Member #
    7208
    Liked
    1 times
    hey, well in response the first thing - having the table be 100% high - that is a good idea. you could make it 100% high, but have a fixed pixel height for the header and footer, that way, the middle would accomodate to make the table 100% high.

    in response to your second question, i believe what you'd be looking for is something like this:
    <img style="position:absolute; top:92%;">
    or you may even be able to do that with a <div>, that way you could have more than just an image as the footer.

    hope that helps!

    heather
    choosy developers choose gif!
    website | paintings | blog

  8. #7
    Member Nickhead's Avatar
    Join Date
    Jul 2003
    Location
    Pittsburgh, PA
    Posts
    81
    Member #
    2221
    Works well.

    Thanks heather

    -nick
    Nickhead
    musicpitt.net

  9. #8
    Senior Member raspberryh's Avatar
    Join Date
    Aug 2004
    Location
    Erie, PA
    Posts
    882
    Member #
    7208
    Liked
    1 times
    hey,

    i was wondering which method you chose, so i went to the cart page and looked at the source - and then i realized that i was wrong in telling you the first method (using the percentages) would work, because i had forgotten that you had three seperate tables. in the first method, i meant to use one big table with three rows - then you could have the header in the first row, the content in the second row, and the footer in the last, with the header and footer with fixed heights, in pixels, and the middle row without a specified height, and then the table with a height of 100%.
    anyways... i looked at the cart page and the footer didn't stay at the bottom - if i made the window smaller, it covered up the footer. but the footer was in the same place the whole time. is that the way you wanted it, or did you just not upload your changes yet? cauz if it is the way you wanted it, it doesn't seem like you used either method.
    choosy developers choose gif!
    website | paintings | blog


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 09:52 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com