Taille du texte et des boutons de la fenêtre contextuelle

Question

Un ancien site Web sur lequel je travaille comporte une boîte contextuelle qui utilise un iFrame et des tableaux imbriqués. Dans les cellules de cette table il y a du texte simple et la dernière rangée de la table a deux cases d'entrée; une gauche alignée et une droite alignée.

Résolution d'écran supérieure à 1024 X 768 tout est affiché dans les limites de la boîte. Le problème se situe lorsque j'ai une résolution de 1024 X 768 ou inférieur le texte se développe plus large que la boîte et donc les barres de défilement horizontales sont activées. J'aime modifier le style css en ligne qui est si important dans cette conception de sorte que le texte et les boutons rendent la même chose dans n'importe quelle résolution et aucune barre de défilement n'est activée.

La seule chose que je peux voir est que la largeur de la table est fixée à 100%.

Toute aide sera une bouée de sauvetage.

Merci

S'il vous plaît trouver des captures d'écran jointes:

> 1024 x 768 échantillons 1024 X 768

Voici le balisage pour les tables

<div align="center" style="padding: 8px 10px 4px;"> 
<table cellspacing="0" cellpadding="0" align="center" width="600px"> 
<tbody><tr> 
    <td align="center" valign="top"> 
       <div class="container"> 
    <TABLE cellSpacing="5" cellPadding="5" width="100%" class="gradientHeader"> 
     <tr> 
      <th width="100%"> 
       xxxxxx 
      </th> 
     </tr> 
     <tr> 
      <td width="100%"> 
       some text 
      </td> 
     </tr> 
     <tr> 
      <td width="100%" style="PADDING-LEFT: 10px"> 
       <table width="100%"> 
        <tr> 
         <td width="100%"> 
         <FIELDSET style="BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none;padding:0;"> 
          <asp:RadioButtonList id="rbl" runat="server" /> 
         </FIELDSET> 
          </td> 
        </tr> 

        <tr> 
        <td align="left"> 
        <AN IMAGE BUTTON>      
         </td> 
         <td align="right"> 
          <AN IMAGE BUTTON> 
         </td> 
        </tr> 
       </table> 
      </td> 
     </tr> 
     <tr> 
      <td> 
       <input type="hidden" name="hidProductId" id="hidProductId"> 

      </td> 
     </tr> 
    </table> 
</div> 
</td></tr></tbody></table> 

Answer 1

le code de table que vous avez donné, ne fera que faire défiler une fois une largeur inférieure à 600px est atteinte en raison de la table de largeur première fixe

il y a une erreur dans colspans la cellule avec le fieldset en elle devrait être colspan="2" et il y a trop de width="100%" il n'y aurait pas besoin de le mettre chaque cellule une fois que la table est fixée à 100% .. cependant, même avec ceux qui il n'y a rien ici qui forcerait une barre de défilement jusqu'à ce que <600px

Je pense que le problème doit être la largeur du popup div et/ou iframe i nstead