jquery décalage de popup lorsque le contenu augmente

Question

J'ai un div qui est dynamique et obtient les incréments dans le CSS dynamiquement de jquery pour s'adapter au contenu s'ils sont plus grands.

maintenant le problème est qu'il y a un popup associé à la même div.

Si le contenu augmente ce popup descend, je ne sais pas comment résoudre ce problème. aidez s'il vous plaît.

HTML

< div id='main_div' > 

< div id='myid' >some info</div> 

< div id='popup' ></div> 

</div> 


< input type='button' id='incre' > 

jQuery:

$("#incre").click(function() 
    { 

$("#myid").html(" some more some more some more some more some more some more some more some more some more some more some more some more some more some more some more some more some more some more some more some more some more "); 

    }); 

Merci avancer Dave

Answer 1

J'ai augmenté manuellement la hauteur de 'main_div'. et inséré le popup sous cela. et cela a fonctionné.

Merci à vous tous.

Answer 2

Régler la hauteur max pour cette div. Lorsque le contenu dépasse cette hauteur maximale, utilisez la barre de défilement pour faire défiler le contenu.

div{ 
    max-height:300px; 
    height:auto !important;   // for ie as it does not support max-height 
    height:300px;     // for ie as it does not support max-height 
    overflow:auto; 
    width:auto 
} 

Answer 3

Avez-vous essayé d'utiliser la position absolue dans le menu contextuel? La fenêtre contextuelle ne sera pas affectée par la hauteur du contenu div car il sera retiré du flux du document.