javascript table resize won't work in firefox

kareltje · 02-04-2006, 03:03 AM

I'm trying to make a table fit into a window, it works well in IE, but doesn't work at all in Firefox. Here's my code:

function adjustHeight() {
var contsheight = document.documentElement.clientHeight;
conts.height=contsheight // conts is the table ID
}

and in the body tag:

<body background="../bggradient.jpg" onload="javascript:adjustHeight();" onresize="javascript:adjustHeight();">

my table's tag looks like this:

<table width="100%" border="0" cellpadding="0" cellspacing="0" ID="conts"">

IE does the job just fine, while Firefox doesn't do a thing. Debugging has taught me that firefox does know the "document.documentElement.clientHeight"-variable, and Firefox' Javascript Console says: "conts is not declared". I've also tried the getObjectByID function but that didn't help either.
It's not my first compatibility issue, but this time I don't know what to do with it. Anyone else know how to deal with this problem?

Rowan W · 02-04-2006, 05:54 AM

Have you tried "height:100%" in CSS?

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<html>
<head>
<title>One Hundred Percent Height</title>
<style type="text/css">
html {
  height: 100%;
}
body {
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #fff;
}
table {
  height: 100%;
  background-color: #69c;
}
</style>
</head>
<body>

<table>
  <tr>
    <td>table cell</td>
  </tr>
</table>

</body>
</html>
</head>

kareltje · 02-04-2006, 06:53 AM

thanks a lot, when i first tried it it didn't work but then I realised that I had to apply it to the onclosing DIV as well. now everything is working well.

02-04-2006, 03:03 AM	#1 (permalink)
kareltje NamePros Member Join Date: Aug 2005 Posts: 29 44.00 NP$ (Donate)	javascript table resize won't work in firefox I'm trying to make a table fit into a window, it works well in IE, but doesn't work at all in Firefox. Here's my code: function adjustHeight() { var contsheight = document.documentElement.clientHeight; conts.height=contsheight // conts is the table ID } and in the body tag: <body background="../bggradient.jpg" onload="javascript:adjustHeight();" onresize="javascript:adjustHeight();"> my table's tag looks like this: <table width="100%" border="0" cellpadding="0" cellspacing="0" ID="conts""> IE does the job just fine, while Firefox doesn't do a thing. Debugging has taught me that firefox does know the "document.documentElement.clientHeight"-variable, and Firefox' Javascript Console says: "conts is not declared". I've also tried the getObjectByID function but that didn't help either. It's not my first compatibility issue, but this time I don't know what to do with it. Anyone else know how to deal with this problem?

02-04-2006, 06:53 AM	#3 (permalink)
kareltje NamePros Member Join Date: Aug 2005 Posts: 29 44.00 NP$ (Donate)	thanks a lot, when i first tried it it didn't work but then I realised that I had to apply it to the onclosing DIV as well. now everything is working well. Last edited by kareltje; 02-04-2006 at 06:59 AM.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
My footer won't reach the bottom of the page in Firefox!!	will7	Programming	3	04-26-2005 10:21 PM
Portable Firefox	Dave in Carthage	Free Resources	2	04-03-2005 10:34 AM
Wierd FireFox problem! HELP!	ChrisK76	Web Design Discussion	8	03-24-2005 06:32 AM
Willing to do work for cheap (just got scammed)	iDeviseFlash	For Sale / Advertising Board	5	11-07-2004 12:09 AM

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)