Table Height in Netscape 7.0

**CreedFeed** · Jun 11, 2003, 13:35

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>

**Chuckie** · Jun 11, 2003, 21:43

Try adding this to your stylesheet.

PHP Code:




html

{

    height: 100%;

}

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

**byss** · Jun 11, 2003, 22:54

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;

The SitePoint Forums have moved.

User Tag List

Thread: Table Height in Netscape 7.0

Thread Tools

Display

Table Height in Netscape 7.0

Bookmarks

Bookmarks

Posting Permissions