SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    Quake 1 Addict CreedFeed's Avatar
    Join Date
    Feb 2002
    Location
    Milwaukee, WI
    Posts
    296
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Table Height in Netscape 7.0

    I'm working on a site using div's instead of tables and I want the site to extend all the way down the browser window in the middle. You can see what I've done up to this point here:

    http://new.andtogether.com

    Viewing in IE 6.0 shows what the page should look like. However when you view in Netscape 7.0 the height of the main content area ("pagebody" ) does not extend to be 100%. How do you set the height to be 100% in Netscape 7.0 ?

    Here's the code if you would like to see:
    Code:
    The style:
    
    #pagebody {
    background: #b0b3bf;
    width: 701px;
    height: 26px;
    margin: 0px auto;
    padding: 0px;
    float: center;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    text-align: left;
    height: 100%;
    }
    
    The webpage:
    
    <body>
    
    <div id="logo" align="center">
    	<div id="logo-disp"><!-- logo code here --></div>
    </div>
    
    <div id="menubar">
    	<div id="menu-disp"><!-- menu bar code here --></div>
    </div>
    
    <div id="pagebody">
    	Testing page body.
    </div>
    
    </body>
    -- Steve Caponetto
    Quake 1 Resurrection :: CreedFeed

  2. #2
    SitePoint Wizard
    Join Date
    Nov 2000
    Location
    Chico, Ca
    Posts
    1,125
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Try adding this to your stylesheet.

    PHP Code:

    html
    {
        
    height100%;

    Then I believe wherever height:100% will extend the length of the page. I didn't work with this much so I don't know if it has any bugs or limitations.


    Chuck
    "Happiness doesn't find you, you find happiness" -- Unknown
    www.chuckknows.com

  3. #3
    SitePoint Member byss's Avatar
    Join Date
    Sep 2002
    Location
    Central Kentucky, USA
    Posts
    23
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You have height defined twice in your pagebody div--once to 26px, secondly to 100%. Remove the extraneous 26px line. Also, add this to your div block's CSS:

    Code:
    bottom: 0px;
    Caution: Slow Children At Play -->


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
  •