div Scrolling dans un autre div

Question

Voici mon code:

<form id="form1" runat="server"> 
<div style="width:100%;"> 
    <asp:FormView ID="fvXCAR" runat="server" DefaultMode="Edit" style="overflow:auto"> 
     <ItemTemplate></ItemTemplate> 
     <EditItemTemplate> 
      <div style="width:800; overflow:auto;"> 
       <asp:Table ID="tblXCAR" runat="server"></asp:Table> 
      </div> 
     </EditItemTemplate>    
    </asp:FormView> 
</div> 
</form> 

Et voici ma question:

Je veux la div interne (l'un avec trop-plein: défilement) pour faire défiler. Si je place cette div à une valeur fixe, le défilement fonctionne correctement. Si je le règle à 100%, le div extérieur défile, pas le divin intérieur. Cependant, j'aimerais pouvoir régler la largeur des divs sur auto/100% car mes utilisateurs ont de nombreuses tailles/résolutions d'écran.

Merci, John

Answer 1

situations de ce genre nécessitent généralement javascript pour lancer la page charge et Redimensionner page. Ce javascript mesurerait la nouvelle largeur de la div parente, puis définirait la largeur de la div enfant pour correspondre. L'enfant aurait alors le texte "overflow: auto", et le parent aurait la largeur: 100%.