www.webdeveloper.com
Results 1 to 3 of 3

Thread: making content flush with bottom of browser

  1. #1
    Join Date
    Jun 2006
    Posts
    266

    making content flush with bottom of browser

    Good morning! I have two stacked tables. I would like the bottom table to always be flush with the bottom of the browser.

    top table:

    HTML Code:
    <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
    bottom table:
    HTML Code:
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    In Mozilla, this does make the bottom table flush with the bottom of the browser but leaves white space between the content and copyright tables, causing a need for extra scrolling.

    In IE, on pages where the content is less than the resolution (and no scrolling is needed), the bottom table is directly after the top table instead of at the bottom of the screen. How do I make the bottom table to always be flush with the bottom of the browser in any browser?

    Thanks in advance!

  2. #2
    Join Date
    Jan 2005
    Location
    Frankfort, KY, USA
    Posts
    6,167
    FYI
    * My screen resolution is set at 1680x1050
    * I'm accessing your site through a T1 line
    * I'm probably viewing it using Firefox (unless browser is specified)

  3. #3
    Join Date
    Jun 2006
    Posts
    266
    Thank you for the link! However, I've looked at this and tutorials like it all afternoon to no avail. Maybe someone can help with my particular problem:

    HTML Code:
    html, body { height:100%; }
    #contain { position:relative; min-height:100%; height:100%; }
    #content { height:auto; }
    #footer { position:absolute; bottom:0; width:100%; height:50px; }
    HTML Code:
    <div id="contain">
    
    <div id="content"><table width="100%" height="100%"></table></div>
    <div id="footer"><table></table></div>
    
    </div>
    I have the same problems as mentioned in my first post.
    Last edited by rbragg; 12-11-2006 at 02:42 PM.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles