OutFront Forums
     Home    Register     Search      Help      Login    

Sponsors
Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax
Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.
Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Follow Us
On Facebook
On Twitter
RSS
Via Email

Recent Posts
Todays Posts
Most Active posts
Posts since last visit
My Recent Posts
Mark posts read

 

100% Table Height Not Working in Netscape

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> General Web Development >> 100% Table Height Not Working in Netscape
Page: [1]
 
 
anyonewebs

 

Posts: 8
Joined: 8/21/2002
Status: offline

 
100% Table Height Not Working in Netscape - 12/6/2002 14:52:23   
I have a header and footer on my site. So I want a table to fill the entire browser window when there is not much content on the page. I am using the height=" 100%" attribute for my table. It works fine in IE, but on Netscape it makes the table larger than the entire browser window and you get a vertical scroll bar.

A simplified version of my code is below. Any ideas? Thanks.

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv=" Content-Type" content=" text/html; charset=iso-8859-1" >
</head>
<body bgcolor=" #FFFFFF" text=" #000000" marginheight=" 0" marginwidth=" 0" leftmargin=" 0" topmargin=" 0" >
<table width=" 100%" height=" 100%" border=" 0" bgcolor=" #FFFFCC" cellspacing=" 0" cellpadding=" 0" >
<tr>
<td width=" 100%" height=" 13" bgcolor=" #000000" background=" ../images/topbg.gif" ><img src=" ../images/clearpixel.gif" width=" 1" height=" 13" ></td>
</tr>
<tr>
<td width=" 100%" height=" 100%" > </td>
</tr>
<tr>
<td width=" 100%" height=" 13" bgcolor=" #000000" background=" ../images/bottombg.gif" ><img src=" ../images/clearpixel.gif" width=" 1" height=" 13" ></td>
</tr>
</table>
</body>
</html>
bobby

 

Posts: 11828
Joined: 8/15/1969
From: Seattle WA USA
Status: offline

 
RE: 100% Table Height Not Working in Netscape - 12/6/2002 15:48:53   
Something interesting about % in NN...

You have a table set to Height=100%, then table cels set at 13px, 100%, and 13px... that totals 100% plus 26 pixels... (in Netscape math...)

The td set to 100% height will be set to the window height, then both 13 px td' s will be added to that... probably where the Vscroll comes in...

Try not setting a height to that cel, just leave the 13px heights in there and see if it fixes the problem...


_____________________________

Talk to your kittens about catnip, or someone else will.


:)

(in reply to anyonewebs)
anyonewebs

 

Posts: 8
Joined: 8/21/2002
Status: offline

 
RE: 100% Table Height Not Working in Netscape - 12/9/2002 11:45:46   
Here' s a link if you want to look at the problem.

http://www.anyonewebs.com/tableproblem.htm

(in reply to anyonewebs)
anyonewebs

 

Posts: 8
Joined: 8/21/2002
Status: offline

 
RE: 100% Table Height Not Working in Netscape - 12/9/2002 11:48:54   
I tried what you said bobby. It doesn' t work. The result is that the table shows up in Netscape with 3 rows with equal widths. So my background picture has to repeat to fill up the space. Thanks.

BTW, I' m testing on Netscape 6.2 and IE 5.5

(in reply to anyonewebs)
bobby

 

Posts: 11828
Joined: 8/15/1969
From: Seattle WA USA
Status: offline

 
RE: 100% Table Height Not Working in Netscape - 12/9/2002 13:44:08   
When I click on your link above I see just a blank page in IE5.5

The body BG color shows, but no table... The cel with the bg image is empty, that' s probably the cause. If you have a <p> </p> or a place-holder GIF it will help...

Instead of using background images, you could try placing the images into the table cels (NN doesn' t support BG-Images in table cels anyway, AFAIK)

You can specify your background image with " no-repeat" and fix its position using CSS. That might help..?



_____________________________

Talk to your kittens about catnip, or someone else will.


:)

(in reply to anyonewebs)
jDan

 

Posts: 1
Joined: 1/6/2004
Status: offline

 
RE: 100% Table Height Not Working in Netscape - 1/6/2004 15:30:48   
Try adding this to your stylesheet:

html,body {height:100%;}

This site does a good job of sorting through the height issue:

http://www.quirksmode.org/css/100percheight.html

As for the width, I have no idea how to get NS 4 to work with 100% cells. If anyone has any suggestions please let me know.

dan

(in reply to bobby)
d a v e

 

Posts: 4415
Joined: 7/24/2002
From: England (but live in Finland now)
Status: offline

 
RE: 100% Table Height Not Working in Netscape - 4/8/2004 1:37:11   
problem is that 100% height isn't valid html so it might work in quirks mode but whether it is 100% of the viewport or something else is hard to predict, better off just staying away from it, or not to worrying too much if it doesn't work the same everywhere. (IMO)

_____________________________

David Prescott
Gekko web design

(in reply to jDan)
jaybee

 

Posts: 14441
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: 100% Table Height Not Working in Netscape - 4/8/2004 4:26:03   
I've checked it out in Firefox, NN7, IE6 and Opera 6

In the first 3 it's identical. Thin black lines top and bottom and a rather attractive yellow in the middle.

Opera 6 does the same but expands it so you get a scrollbar. Opera 6 is a pain. If you get it to work in that tell the world how you did it. :)

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to d a v e)
d a v e

 

Posts: 4415
Joined: 7/24/2002
From: England (but live in Finland now)
Status: offline

 
RE: 100% Table Height Not Working in Netscape - 4/8/2004 4:32:17   
what if you chucked the whole table into a div and then set the div height to 100%? might work, you never know

_____________________________

David Prescott
Gekko web design

(in reply to jaybee)
Page:   [1]

All Forums >> Web Development >> General Web Development >> 100% Table Height Not Working in Netscape
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts