colorbox and scroller

Question

J'ai un problème avec la boîte de couleur lorsque je charge le contenu une première fois après l'ouverture de la page. Je faisais une liste de personnes avec la description du bouton pour chaque personne. après avoir appuyé sur un bouton ouvre une "fenêtre" colorbox avec des informations qui sont prises à partir de db en fonction de person_id dans l'onglet adresse. donc il charge un contenu d'une autre section de la page. La liste est dans index.php? Page = liste et le lien de description est index.php? Page = liste & person_id (ouvre un fichier différent). Dans cet autre fichier est mysql query etc et info est prise en forme db puis echo'ed .. donc div (div n'est pas en db). div a la classe css:

.see_profile { 
    background-color:#ececec; 
    width:400px; 
    height:auto; 
    overflow:auto; 
    padding:30px; 
    font-size:14px; 
    text-align:justify 
} 

L'information est dans le div. Quand j'ouvre la page et appuie sur le bouton de description, il ouvre la boîte de couleur mais la boîte a des rouleaux en bas et à droite. après la fermeture de la boîte et l'ouverture à nouveau les srollers sont partis .. Impossible de comprendre quel est le problème .. Chrome, FF et Opera ont ce problème, sauf IE6.

En-tête j'ai:

<script type="text/javascript"> 
    $(document).ready(function(){ 
    $(".member").colorbox(); 
    }); 
</script> 

J'ai aussi remarqué que cela se produit après l'insertion d'image dans le div

Answer 1

J'ai étudié le problème.

Essayez de voir quel contenu vous chargez par ajax. S'il a des images sans attributs "height" et "width", les barres de défilement peuvent apparaître.

Cela arrive parce que le navigateur ne connaît pas la taille de l'image et n'attend pas le chargement pour calculer la mise en page. Après le premier chargement, l'image est dans le cache et le navigateur peut calculer la taille. Essayez de spécifier la taille pour vos images. Pour moi cela fonctionne.