Création d'un espace réservé div superposable dynamiquement

Question

J'utilise un accordéon jQuery UI comme menu sur le côté droit d'une page. Cependant, il y a des occasions où le menu sera plus grand que le contenu sur la gauche. Pour cette raison, lors de l'expansion/contraction des sections de l'accordéon, la barre de défilement du navigateur peut grossir/rétrécir lors de l'ouverture d'une section de l'accordéon. Ma pensée était d'avoir un div en dessous de l'accordéon qui est la hauteur que l'accordéon pourrait atteindre, et quand l'accordéon se dilaterait, il ne ferait que se chevaucher, ne changeant pas du tout la barre de défilement du navigateur. En lui donnant une position: absolue et en déclarant la hauteur et la largeur semble bousiller la mise en page, en le plaçant en chevauchement du pied de page mais en saignant en dessous. Quelqu'un at-il des idées sur la façon de faire ce travail? Si vous avez besoin d'un exemple plus détaillé, je verrai ce que je peux faire pour le fournir, cependant, le site est verrouillé et je ne peux pas donner de nom d'utilisateur/mot de passe.

Answer 1

Min-hauteur est facile à mettre en œuvre dans IE 6. Le plus ancien bidouille de Dustin Diaz:

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

Ou avec des expressions:

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

En effet, pour la hauteur IE 6 est comme min-hauteur. Elément développera avec le contenu, jusqu'à ce que overflow:hidden soit spécifié.

Vous pouvez toujours appliquer des règles pour IE 6 uniquement avec "* html hack" ou avec des commentaires conditionnels.

Answer 2

Vous avez probablement un conteneur autour du menu et du contenu, n'est-ce pas? Vous pouvez ajouter un autocommutateur min-hauteur du récipient qui serait égal au plus haut que le menu pourrait être en hauteur