1

jQuery DIV に少し問題があります。すべての HTML を保持する「allcontent」という DIV があり、その内部には、ウェブサイトのすべての見出しを含む「headlinesarea」DIV と、すべてのフィクスチャ/テーブルなどを含む「datacontentarea」DIV があります。右側にあり、右にフロートする DIV でもあり、フロートする必要があるため、'headlinesarea' DIV の前に書き込まれます。

「allcontent」DIV には、repeat-y を使用した透明な背景画像が含まれているため、より多くのコンテンツが追加されたときに画像が下向きに繰り返され、「headlinesarea DIV」で正常に機能しますが、リーグを持つ jQuery DIV を追加すると'allcontent' DIV を開いて折りたたむことができるテーブルは伸びず、jQuery DIV は 'allcontent' DIV の背景画像と重なってしまいます。

私のサイトへのリンクはhttp://thefootballleague.clanteam.com/です。ここでは、チャンピオンシップ リーグ、リーグ 1、リーグ 2 の折りたたみ可能な jQuery DIVS を見ることができます。 「allcontent」DIV 背景。

アイデアはありますか？

4

3 に答える 3

3

スタイルを追加します。

#allcontent {
    overflow: hidden;
}
于 2012-05-10T00:40:20.590 に答える
1

追加するだけ

<div style="clear:both"></div>

「allcontent」の一番下に

このような ：

<div id="allcontent">

<div id="header"></div>
<div id="nav">
...
</div>
<div id="datacontentarea">
...
</div>
<div id="headlinesarea">
...
</div>
<div style="clear:both"></div>//add this
</div>

またはそれを作る

<div class="clear"></div>

それから加えて

.clear{
    clear:both;
}

あなたのスタイルシートに

于 2012-05-10T00:37:50.287 に答える
0

より適切には、必要なのは clearfix です。

http://www.webtoolkit.info/css-clearfix.html

datacontentarea div は右にフローティングしているため、allcontent div のサイズを適切に設定するには、フロートをクリアする必要があります。

もちろん、clearfix css をコピーした後、「clearfix」クラスを「allcontent」div に適用するだけです。

これは、これらの種類のフローティングの問題を処理する最もクリーンな方法です。

于 2012-05-10T00:43:25.777 に答える