SitePoint Sponsor |
|
User Tag List
Results 1 to 3 of 3
Thread: Table Height in Netscape 7.0
-
Jun 11, 2003, 13:35 #1
- 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>
-
Jun 11, 2003, 21:43 #2
- 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
{
height: 100%;
}
Chuck"Happiness doesn't find you, you find happiness" -- Unknown
www.chuckknows.com
-
Jun 11, 2003, 22:54 #3
- 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