problema con offsetheight y style.height con firefox2

usuaria · #1 (**permalink**) 10/04/2009, 18:07

Queria saber porque Firefox3 y Firefox2 me toman diferente los valores de offsetheight. Y exactamente esta propiedad que tiene diferente con style.height?

Panino5001 · #2 (**permalink**) 10/04/2009, 18:29

Es raro lo que comentás, no me ha pasado. La propiedad es en realidad offsetHeight. Las diferencias entre style.height y offsetHeight son básicamente 2:
1) style.height devuelve un string constituído por un valor y la unidad px, mientras que offsetHeight devuelve un número
2)offsetHeight incluye, además del height, el valor del padding.
Ejemplo:

Código PHP:

  <!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=iso-8859-1" />

<title>Documento sin t&iacute;tulo</title>

</head>

 
<body>

<div id="pp" style="height:100px; padding:10px;">test</div>

<script>

alert(document.getElementById('pp').offsetHeight);

alert(document.getElementById('pp').style.height);

</script>

</body>

</html>