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>