Obtenez la hauteur de la div dont la hauteur change dynamiquement

Question

Comment puis-je déterminer (en utilisant jQuery?) la hauteur d'une div? Sa hauteur n'est pas définie en CSS - elle est donc fluide et basée sur le contenu.

J'ai essayé $('#div').height() - qui renvoie 0.

Des idées?

MODIFICATION: (le code)

$(document).ready(function () {
    PositionBottomPicture();
});

function PositionBottomPicture() {
    var parentOffset = $('#left_pane').offset();
    var parentsHeight = $('#left_pane').height();
    var childsTopPostion = (parentOffset.top + parentsHeight);

    $('#bottom_pic').offset({ top: childsTopPostion, left: parentOffset.left });
}

CSS:

#left_pane 
{
    float: left;
    margin-left: 27px;
    position: relative;
}

où 'left_pane' et 'bottom_pic' sont des divs.

Merci!

Answer 1

Le problème est que vous n'attendez probablement pas que la div se charge dans le DOM.

Essayez quelque chose dans ce sens :

$(document).ready(function(){
        var h = $("#div").height();
        var w = $("#div").width();
;})

Utiliser l'outil Document Ready fourni par jQuery attendra que l'élément soit traité.

Answer 2

Vérifiez cet exemple jsfiddle, il renvoie la largeur et la hauteur

http://jsfiddle.net/b2DNP/

Answer 3

Si 'left_pane' ne contient que des éléments positionnés de manière absolue, sa hauteur sera nulle.