FirefoxでiFrameの高さが正しく表示されない

Question

DiggBarの機能と同様の機能を持つページを作成しました（つまり、指定されたheightのヘッダーと残りのページを埋めるiframeのヘッダー）。

私は、この目的の結果でしばらく前に働いていたが、突然のすべてがiframeのheightは44.8pxに残っているページheightの100%から行ってきました。キャッチは、これが1つのブラウザでのみ発生していることです。— Firefox on Ubuntu。

これは他のすべてのブラウザで起こっているはずだと思いましたが、そうではありません。 IE、FF、&、WindowsではChrome、UbuntuではChromeで正しく表示されます。

は最後に、Firebugのを使用して、私は何が起こっているのかを判断しようとするinspect elementを選択しているが、それは私のheightが100%なるように定義されていることを私に語ったが、唯一の44.8pxするをを計算しています。

私は完全にアイデアを使い果たしているので、この問題を最もよくデバッグする方法についていくつかのガイダンスを探しています。私は、この問題を引き起こすコードをすべて掲載する必要があるとは思わなかったが、絶対に必要なものがあれば、尋ねるだけ。

ありがとうございました。

Answer 1

カスケーディングカスケードスタイルシートの一部が私を捨てました。私は奇妙なheightの計算問題を引き起こしたiframeの親に別のものを（隠されたと呼ぶ）参照しました。

これは私のUbuntuバージョンのFirefoxでのみ起こったことはおかしくありません。

Answer 2

複雑なレイアウト構造の場合、すべてのdivの高さを100％に設定するとページレイアウトが壊れることがあります。この場合、JavaScriptを使用してiframeの高さを100％に設定することをお勧めします。私の場合、JQueryを使用しましたが、純粋なjavascript DOM関数も動作するはずです。 iframeの高さを親divの高さに設定します。

$('#doc-preview iframe').height($('#doc-preview').height()); 

ここで、doc-previewはiframeの親divのIDです。

ページが読み込まれた後でこのスクリプトを実行してください。