文本和按鈕超出彈出框大小

我正在使用的遺留網站具有使用iFrame並具有嵌套表格的彈出框。在這個表格的單元格中有簡單的文本，表格的最後一行有兩個輸入框;一個左對齊，一個右對齊。文本和按鈕超出彈出框大小

在屏幕分辨率高於1024 X 768時，所有內容都顯示在框的邊框內。問題在於，當我的分辨率爲1024 X 768或更低時，文本展開得越來越寬，然後水平滾動條打開。我喜歡修改在這種設計中如此突出的內聯css樣式，以便在任何分辨率下文本和按鈕都呈現相同的效果，並且不會打開任何滾動條。

我能看到的唯一的事情是表格寬度設置爲100％。

任何幫助將是一個生命的救星。

感謝

附上截圖：

> 1024×768的樣品 Greater than 1024 1024 X 768

1024 x 768

下面是表

標記

<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>

來源

2011-04-25 chris lekkas

你能加入標記嗎？ – ataddeini 2011-04-25 00:45:31

我用一些標記編輯了我的問題，thx – 2011-04-25 00:56:33

爲容器類定義了什麼css？ – 2011-04-25 02:20:10

你給表的代碼，將只滾動一次的寬度小於600px的是因爲第一個固定寬度的表格

存在colspans一個錯誤，在它的字段集小區達到應是colspan="2"並沒有太多width="100%"就沒有必要把它的每一個細胞，一旦表被設置爲100％。然而，即使那些沒有什麼在這裏，這將迫使一個滾動條，直到<600px

我覺得問題必須是popup div和/或iframe的寬度nstead

來源

2011-04-25 09:09:11 clairesuzy

Thx對於你選擇的點，我使用Firebug檢查了iFrame，並且這是它的樣式：#iframeIntercept { position：absolute; top：20px; left：3px; 寬度：99％; 身高：96％; 背景：無重複滾動 0％0％rgb（238,238,238）; } – 2011-04-25 10:07:11

關於如何解決這個問題的任何建議，而不是使用這種剛性，醜陋的硬編碼值將是很大的幫助 – 2011-04-25 10:08:11

「popup div」定義如下：#overlay { margin：auto; 剩餘：20％; top：100px; 寬度：50％; 身高：60％; 職位：固定; z-index：105; 知名度：可見; text-align：left; padding：3px 3px 11px; background：url（「../ images/login_containerbg。jpg「）repeat-x scroll 0％0％rgb（187,203,226）; font：12px arial; color：white; } – 2011-04-25 10:10:01

文本和按鈕超出彈出框大小

回答

相關問題