プレースホルダdivを動的にオーバーラップ可能にする

Question

私は、ページの右側のメニューとしてjQuery UIアコーディオンを使用しています。しかし、メニューが左のコンテンツよりも大きくなることがあります。このため、アコーディオンのセクションを拡大/縮小するとき、ブラウザ上のスクロールバーは、アコーディオンのセクションを開くときに拡大/縮小することができます。私の考えは、アコーディオンの下にあるdivを持っていて、アコーディオンがたどり着く可能性のある高さです。アコーディオンが広がると、重なり合うだけで、ブラウザーのスクロールバーはまったく変更されません。それはポジションを与えます：絶対と高さと幅を宣言レイアウトをねじれて、それはフッターが重なって配置し、その下に出血しているようです。誰でもこの作品を作る方法についてのアイデアはありますか？より詳細な例が必要な場合は、私がそれを提供するために何ができるかを見ていきますが、サイトはロックされており、ユーザー名/パスワードを知らせられません。

Answer 1

ミン高さはIE 6 ダスティン・ディアスから最古のハックに実装することは簡単です：

selector { 
    min-height:500px; 
    height:auto!important; 
    height:500px; 
} 

または式で ：

selector { 
    height:expression(this.scrollHeight < 499 ? "500px" : "auto"); 
} 

実際には、IE 6の高さのための分の高さのようなものです。要素は、overflow:hiddenが指定されるまで内容が展開されます。

IE 6のルールは、常に「* htmlハック」または条件付きコメントでのみ適用できます。

Answer 2

おそらくメニューとコンテンツの周りにコンテナがありますか？あなたは、メニューの高さが可能であること最も高いと等しくなるコンテナへのmin-height CSSを追加することができ