jQuery: valores incorrectos al intentar conseguir div altura

Question

estoy teniendo esta estructura html:

<div class=container> 
    <div class=content> 
      Content goes here 
    </div> 
</div> 

estoy leyendo la altura div.content usando:

var height = $("div.content").height(); 

volverá 17 (en mi caso de prueba)

funciona bien hasta el momento (cuando se compara con la altura real con Firebug). el problema es que, cuando llene texto continuo> 2 líneas, obtengo un valor incorrecto. 2 líneas me darán 34 (correcto) pero 3 líneas también devolverán 34, aunque la altura real es 51. Por supuesto, al completar mucho texto, el valor resultante es incorrecto. me parece un error de jquery ... ¿alguna idea para una solución alternativa? gracias

ps: funciona perfecto en IE, Firefox devuelve un valor incorrecto ..

Answer 1

Uso $("div.content").outerHeight(); lugar.

Si agrega -true- en el paréntesis si desea incluir todos los márgenes & rellenos también. $('div.content').outerHeight(true);

También alturas entre navegadores pueden ser diferentes si usted no tiene muy buena CSS Restablece, o está mirando un navegador antiguo (IE6/7), pero con una buena restablecer sus diferencias serán muy minúsculo .

jsFiddle Demo