0

境界として機能するボックス内のコンテンツの高さに問題があります。基本的に、内部コンテンツ ボックスと背景ボックスの上にサイドバーがあります。背景ボックスは、コンテンツ自体から高さを継承する内部コンテンツ ボックスから高さを継承します。問題は、サイドバーには内部コンテンツ ボックスと同じ量のコンテンツがないため、サイドバーの高さが内部コンテンツ ボックスの高さと一致しないことです。それを修正するために jQuery で小さなスクリプトを書きましたが、クロスブラウザー互換ではありません。

jQuery(function(){
  var pageHeight = jQuery('div#internalcontent').height();
  jQuery('div#sidebar').css('height', pageHeight);
});

このコードは Chrome では機能する場合がありますが、通常は Firefox では機能しません。ページの読み込み方法に関係があると思います。たとえば、ページの高さが割り当てられている場合、すべての要素が読み込まれません。

CSSでこれを行う方法、またはjavascriptで修正する方法を知っている人はいますか? ありがとう。

4

2 に答える 2

0

$(document).ready() の後にそのコードを呼び出します

$(document).ready(function(){
  var pageHeight = $('div#internalcontent').height();
  $('div#sidebar').css('height', pageHeight);
});
于 2012-05-17T14:47:40.747 に答える
0

@AdamjQuery(function(){});は、私の知る限り、ドキュメント準備完了ハンドラーと同じ動作を生成するはずです。http://api.jquery.com/ready/

于 2012-05-17T14:50:10.910 に答える