How to get the height of an element in ie?

Me · Jan 17, 2008

The following code, I got 0 in firefox, but 600 in ie.
How to get the corrent height of element "header" ?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
</head>
<body>
<div id="header">
</div>
<div id="container" style="width: 98%">
<DIV id=map style="POSITION: relative; HEIGHT: 600px; BACKGROUND-
COLOR: #e5e3df"></DIV>
</DIV>
</body>
<script type="text/javascript">
alert(document.getElementById("header").offsetHeight);
</script>
</html>

David Mark · Jan 17, 2008

The following code, I got 0 in firefox, but 600 in ie.
How to get the corrent height of element "header" ?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www..w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Why XHTML transitional for a new document?

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />

You clearly don't plan to serve this as XHTML.

</head>
<body>
<div id="header">
</div>
<div id="container" style="width: 98%">
<DIV id=map style="POSITION: relative; HEIGHT: 600px; BACKGROUND-
COLOR: #e5e3df"></DIV>
</DIV>
</body>
<script type="text/javascript">
alert(document.getElementById("header").offsetHeight);
</script>

This is invalid markup. Scripts must reside in the body or head.

</html>

The offsetHeight property of elements is not guaranteed to be
meaningful until after the document has completed parsing. Wrap code
that measures element dimensions in a load event listener.

Me · Jan 17, 2008

Thanks for your reply. I copied parts of the code from other sites'
source code
After changing to the following code, I got the same value

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
function dotest(){
alert(document.getElementById("header").offsetHeight);
}
</script>
</head>
<body onload="dotest()">
<div id="header">
</div>
<div id="container" style="width: 98%">
<DIV id=map style="POSITION: relative; HEIGHT: 600px; BACKGROUND-
COLOR: #e5e3df"></DIV>
</DIV>
</body>
</html>

Can someone tell me if this a real tracker? Or is it one designed to show you a different message at certain times, ie. acting like one?	0	Jan 10, 2021
How do I hide the modal after 5 seconds?	4	Jun 1, 2023
XHTML - how extend/create ELEMENT body in my DTD?	0	Oct 29, 2019
An unknown bug doesn't allow the quotes app to work. What's the issue?	3	Apr 23, 2023
I am trying to make an audio player, how do I get the selected file to be playable?	5	Mar 29, 2022
How to position the tooltip comment on these buttons?	9	Nov 4, 2023
How to paint an element in screen using javascript?	1	Jan 11, 2023
JavaScript: how to keep track of the circle in canvas on specific path?	0	Mar 20, 2023

How to get the height of an element in ie?

Me

David Mark

Me

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads