divなどのブロック要素に対して高さを取りたいときheight()を使いますが 要素の中に画像が含まれている場合jQueryのready()の中に書いた時、高さが取れないことがあります。
$(document).ready( function() { var h = $("div").height(); alert(h); });
回避する方法としてはready()は画像が読み込まれる前に実行されるので 全ての読み込みが終わってから実行されるload()を使います。
$(window).load( function() { var h = $("div").height(); alert(h); });
画像の高さが固定ならimgをdivとかで囲ってheightを設定すれば解決するかも。 ただ昨今のレスポンシブの流行りでheightを指定出来ないことが多いんですよね。
こうなるとJSに頼りっきり。。