Problems dnyamically rewriting a div height

[mwalters8]

I'm losing my mind over this one, so figured I would ask. I'm trying
to rewrite the height of a div to make it fit within an area of the
browser window. It works great in FireFox (no error/etc messages at
all). But in IE I receive an error. Here is the Javascript code I'm
trying to run:

<script type="text/javascript">
<!--
function equalize() {
var e = document.getElementById("left_column");
var newheight = window.innerHeight - 60;
e.style.height = newheight + 'px';
}
window.onresize=equalize;
//-->
</script>

I've tried changing my doctype header and all sorts of things (some of
my research led me to believe that might be my problem). The error I'm
receiving is:

Line: 261
Char: 2
Error: Invalid Argument
Code: 0

Line 261 is the line "e.style.height = newheight + 'px';"

I can't figure it out for the life of me. Any help would be GREATLY
appreciated. Thanks in advance.

[RobG]

mw*******@gmail.com wrote:

I'm losing my mind over this one, so figured I would ask. I'm trying
to rewrite the height of a div to make it fit within an area of the
browser window. It works great in FireFox (no error/etc messages at
all). But in IE I receive an error. Here is the Javascript code I'm
trying to run:

<script type="text/javascript">
<!--
HTML comment delimiters should not be used inside script elements.

function equalize() {
var e = document.getElementById("left_column");
var newheight = window.innerHeight - 60;
IE does not support innerHeight. Feature test and use an appropriate
property:

<URL:http://www.quirksmode.org/viewport/compatibility.html>

Inspect the first script in the page titled 'Inner width'.

e.style.height = newheight + 'px';
}
window.onresize=equalize;
//-->
</script>

[...]

--
Rob

[Dr John Stockton]

JRS: In article <11**********************@g47g2000cwa.googlegroups .com>
, dated Wed, 9 Nov 2005 12:27:49, seen in news:comp.lang.javascript,
mw*******@gmail.com posted :

I'm losing my mind over this one, so figured I would ask. I'm trying function equalize() {
var e = document.getElementById("left_column");
var newheight = window.innerHeight - 60;
e.style.height = newheight + 'px';
} Line: 261
Char: 2
Error: Invalid Argument
Code: 0

Line 261 is the line "e.style.height = newheight + 'px';"

Evidently it does not like line 261 or thereabouts. If there is an
error in line 261, either it is before the = or after it or the RHS is
incompatible with the LHS.

So try first e.style.height = '200px'; for which I expect success.
If it fails, try alert(e.style.height) to see if that exists.

Don't just re-type those identifiers; use copy'n'paste in case you have
a typo invisible in your font.

So try temp = newheight + 'px';
alert(Temp)
e.style.height = Temp;
and see what Temp really is.
If necessary, use also alert(newheight); .

If you get a non-obvious execution error on a line, then believe NONE of
your assumptions about the existence or value of anything on the line.

--
© John Stockton, Surrey, UK. ?@merlyn.demon.co.uk Turnpike v4.00 IE 4 ©
<URL:http://www.jibbering.com/faq/> JL/RC: FAQ of news:comp.lang.javascript
<URL:http://www.merlyn.demon.co.uk/js-index.htm> jscr maths, dates, sources.
<URL:http://www.merlyn.demon.co.uk/> TP/BP/Delphi/jscr/&c, FAQ items, links.