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

我正在开发的传统网站有一个使用iFrame的弹出框，其中包含嵌套的表。在这个表格的单元格中有简单的文本，表格的最后一行有两个输入框；一个左对齐，一个右对齐

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

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

任何帮助都是救命稻草

谢谢

请查看附件中的截图：

>1024 x 768样本 1024x768

这是表的标记

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

xxxxxx
一些文本

由于第一个固定宽度的表格，您给出的表格代码只会在达到小于600px的宽度时滚动

---

colspans中有一个错误，该单元格中的字段集应该是

colspan=“2”

，并且

width=“100%”太多
。。然而，即使有了这些，这里也没有任何东西会强制滚动条，直到我用一些标记编辑了我的问题，thxCSS为容器类定义了什么？@kingjiv这里是容器类的定义：{border:1px solid#dadadada；margin:10px 0 15x；padding:3px；}Thx为您选择的点，我使用Firebug检查了iFrame，它的样式如下：#iframeIntercept{位置：绝对；顶部：20px；左侧：3px；宽度：99%；高度：96%；背景：无重复滚动0%0%rgb（238，238，238）；}关于如何解决此问题而不是使用如此严格、丑陋的硬编码值的任何建议都会非常有用“popup div”的定义如下：#overlay{margin:auto；left:20%；top:100px；width:50%；height:60%；position:fixed；z-index:105；可见性：可见；文本对齐：left；padding:3px 3px 11px；background:url（../images/login_containerbg.jpg”）repeat-x滚动0%0%rgb（187203，226）；字体：12px arial；颜色：白色；}这里是a中的所有代码-我假设实际的表代码在一个单独的页面中，iframe将显示什么？仍然给出或获取一些像素-正如您所看到的，我无法复制，iframe也需要最小宽度为600px，以确保它始终包含表，但这取决于是否有任何其他CSS应用于iframed页面，需要尝试（在iframed页面上）删除、html、正文填充和边距，并确保表格左对齐而不是居中