Platzhalter dynamisch überlagerbar machen

Question

Ich benutze ein jQuery UI Akkordeon als Menü auf der rechten Seite einer Seite. Es gibt jedoch Gelegenheiten, bei denen das Menü höher als der Inhalt auf der linken Seite ist. Aus diesem Grund kann beim Scrollen/Kontrahieren von Akkordeonabschnitten die Bildlaufleiste im Browser beim Öffnen eines Akkordeonabschnitts vergrößert/verkleinert werden. Mein Gedanke war, ein div unterhalb des Akkordeons zu haben, welches die Höhe ist, auf die das Akkordeon möglicherweise gelangen könnte, und wenn das Akkordeon sich ausdehnt, würde es es nur überlappen und somit die Scrollbar im Browser überhaupt nicht verändern (Hoffnung, die Sinn macht). Geben Sie ihm eine Position: absolut und deklarieren die Höhe und Breite scheint das Layout zu vermasseln, es überlappend mit der Fußzeile, aber darunter blutend. Hat jemand Ideen, wie das funktioniert? Wenn Sie ein detaillierteres Beispiel benötigen, werde ich sehen, was ich tun kann, um es bereitzustellen, jedoch ist die Website gesperrt und ich kann keinen Benutzernamen/Passwort vergeben.

Answer 1

Min-Höhe sein könnte, ist einfach in IE 6. Der älteste Hack von Dustin Diaz zu implementieren:

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

Oder mit Ausdrücken:

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

In der Tat für die Höhe IE 6 ist wie min-height. Element wird mit dem darin enthaltenen Inhalt erweitert, bis overflow:hidden angegeben wird.

Sie können Regeln für IE 6 immer nur mit "* html hack" oder mit bedingten Kommentaren anwenden.

Answer 2

Sie haben wahrscheinlich einen Container um das Menü und den Inhalt richtig? Sie könnten eine CSS-min-height auf den Behälter geben, das auf dem höchsten gleich sein würde, dass das Menü in Höhe