Question

我正在处理的遗留网站有一个弹出框，它使用iFrame并具有嵌套表格。在该表的单元格内有简单的文本，表格的最后一行有两个输入框;一个左对齐，一个右对齐。

屏幕分辨率高于1024 X 768时，所有内容都显示在框的边框内。问题在于，当我的分辨率为1024 X 768或更低时，文本会扩展到框，因此水平滚动条会打开。我喜欢修改在这个设计中如此突出的内联css样式，因此文本和按钮在任何分辨率下呈现相同，并且没有打开滚动条。

我唯一能看到的是表格宽度设置为100％。

任何帮助都将成为救生员。

由于

请查看附件截图：

＆GT; 1024 x 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>

Answer 1

您提供的表格代码只会在达到宽度小于600px时滚动，因为第一个固定宽度表

colspans中存在错误，其中包含字段集的单元格应为colspan="2"，而且width="100%"太多<600px一旦表格设置为100，就不需要将其放在每个单元格中％..但是，即使有这些，这里也没有什么会强制滚动条直到popup div

我认为问题必须是iframe和/或{{1}}的宽度而不是

文本和按钮超出弹出框大小

1 个答案: