ajax chargement du contenu mais ma div ne s'étendra pas pour l'adapter

Question

J'ai une page dans laquelle les données statiques vont pousser un div vers le bas pour le rendre plus long. Mais quand j'utilise le contenu chargé ajax alors le div reste aussi grand qu'il était à l'origine et il semble que mon nouveau contenu tout chevauchement ... il

j'ai une telle configuration

<div id="wrap"> 
    <div id="main-content"> 
     <div id="content-fill"> 
      <div id="files_left_pane">static content</div> 
      <div id="files_right_pane">ajax content</div> 
     </div> 
    </div> 
</div> 
#content-fill {border:1px solid #BDBDBD; width:919px;} 
#files_left_pane {float:left; border-right:1px solid #BDBDBD; width:100px;} 
#files_right_pane {float:right; widht:819px} 

la hauteur du volet de droite est contrôlé par la hauteur du volet de gauche, car il y a du contenu statique là-bas, principalement mon menu de navigation.

un conseil?

Answer 1

pour autant que je le tester quand vous le contenu ajoutez alors le début div de la côté gauche. Cela arrive parce que vous n'avez pas défini la largeur. par exemple, ajoutez width:200px pour #files_right_pane et vérifiez les résultats.

exemple en direct: http://jsbin.com/udori5

Answer 2

simple correctif est ajouter float: left à remplir contenu

Answer 3

Définir votre position div comme relative

<div id="files_right_pane" style="position: relative;">ajax content</div>