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.

Page 1 of 2 1 2 LastLast
Results 1 to 10 of 18

Thread: Footer Trouble

  1. #1
    Junior Member
    Join Date
    Jan 2004
    Posts
    9
    Member #
    4717
    I am an intermediate when it comes to HTML, I feel I know my way around it pretty well but wouldn't consider myself an expert. I am doing a site for a friend who is opening a B&B and am having an issue.

    This is where I am at: www.mahoosucrealty.com/bbear/

    The problem I am facing is that I would like to have the footer stay at the bottom of the page no matter how much content is in the white cell and no matter what the screen resolution is. Essentially, I guess I just want to align it to the bottom of the page...

    Is there a way to do this without having to have content push it down? Is there a better way to setup my code so that I can accomplish this?

    Any help, thoughts would be greatly appreciated!

    thanks.

  2.  

  3. #2
    Senior Member
    Join Date
    Dec 2003
    Posts
    1,274
    Member #
    4362
    Have you tried CSS?
    Code:
    v-align:bottom

  4. #3
    Junior Member
    Join Date
    Jan 2004
    Posts
    9
    Member #
    4717
    I haven't tried aligning anything with css.. I can read up on that if you think it might work, I am really not familiar with trying to do any layout using css.

    thanks..

  5. #4
    Senior Member
    Join Date
    Dec 2003
    Posts
    1,274
    Member #
    4362
    Just pick the table and that inline, it will look like this:
    Code:
    <table style="v-align:bottom">blahblahblah</table>
    Try it

  6. #5
    Junior Member
    Join Date
    Jan 2004
    Posts
    9
    Member #
    4717
    Unless I did something wrong (feel free to view source) I did something wrong.. I took out the two paragraphs so that there would be nothing to push the footer down.

    This is the result:
    http://www.mahoosucrealty.com/bbear/index2.html

  7. #6
    Senior Member
    Join Date
    Dec 2003
    Posts
    1,274
    Member #
    4362
    I've seen that <div> is containing the footer, so apply the style to it:
    Code:
    <div style="v-align:bottom">

  8. #7
    Senior Member
    Join Date
    Dec 2003
    Posts
    1,274
    Member #
    4362
    Forget what I said, your code will look like this.

  9. #8
    Junior Member
    Join Date
    Jan 2004
    Posts
    9
    Member #
    4717
    http://www.mahoosucrealty.com/bbear/index2.html

    Still nothing. Perhaps a different setup with my tables?

  10. #9
    Senior Member
    Join Date
    Dec 2003
    Posts
    1,274
    Member #
    4362
    Just use the file I attached, it works

  11. #10
    Junior Member
    Join Date
    Jan 2004
    Posts
    9
    Member #
    4717
    this is using the code from your attached html file:

    http://www.mahoosucrealty.com/bbear/index3.html


Page 1 of 2 1 2 LastLast

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 04:34 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com