why jquery .height() get a different result on chrome?

Question

This is how chrome show the width and height of the div :

which is cor

Answer 1

Use outerHeight() to get the height with paddings. Use outerHeight(true) to get the height with paddings + margins.

Here's a link to the documentation.

Answer 2

.height() will get you the element's height, .outerHeight() will return the height including padding, margin and borders.

Answer 3

That's because on DOMReady some images are not loaded completely. You should call the height on window load.

$(window).load(function(){
    console.log($('#container-altezza-fisso').height());
})

You can also use outerHeight:

Get the current computed height for the first element in the set of matched elements, including padding, border, and optionally margin. Returns an integer (without "px") representation of the value or null if called on an empty set of elements.

console.log($('#container-altezza-fisso').outerHeight());