Question

我有一张桌子已经正常工作了很多年，但是最近桌子的宽度已经有点乱了。这是我维护的一个旧的HTML网站，但没有写（它应该在CSS中重写）但是所有者不想这样做，而且它是一个非常大的网站。

没有对表结构进行任何更改，但width = x％在其中的一部分上不再正常工作。我知道桌子凌乱而且过于复杂

我盯着这看，我知道我错过了一些简单的事情。表中有一些错误，但它们并没有阻止任何渲染引擎直到最近才正确显示它（客户几天前注意到它）。

确切的问题是嵌套表（请参阅下面的 * 问题）未按25％，x％，25％分配空间。 x％略低于50％，但两个外部列各应为25％（当浏览器足够大时），并且它们用于均衡缩放。现在，左列总是按比例大于右边，中间根据浏览器的大小扩展和缩小，但右列总是太小而且拥挤。

我很抱歉代码。这是一张凌乱的桌子，我想削减我认为无关的东西，但留下了结构。

我很难过。任何帮助将不胜感激。

澄清。该表中有3个嵌套表。当您更改浏览器窗口的大小时，这3个表用于调整大小，但现在只有2个表正在缩放。最左侧和中间的桌子作为整体的一部分进行缩放和重新调整;最右边的嵌套表不再缩放，并且已缩小到指定的25％宽度阈值以下。这是一种新现象，但基本代码都没有改变（我从1页的页面副本中验证过）。

<table width="100%" height="500" border="0" align="left" cellpadding="0" cellspacing="0">
      <tr>
        <td colspan="5" height="54" align="left" valign="top" bgcolor="#FFFFFF"><br /> </td>
      </tr>

      <tr>
        <td colspan="5" height="21" align="left" valign="top" bgcolor="#FFFFFF"><some images><br />    </td>
      </tr>

      <tr>
        <td colspan="5" height="25" align="left" valign="top" bgcolor="#FFFFFF"><br />  </td>
      </tr>

      <tr>
        <td colspan="3" width="100%" height="1" align="left" valign="middle" </td>
      </tr>
      <tr> ************PROBLEM STARTS HERE ***************
        <td colspan="1"   width="25%" height="485" valign="middle" align="right" >
            <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
                <tr>
                  <td align="right" valign="middle">
                        <p class="x">
                          <a href="#"></a><br />
                          <a href="#"></a><br />
                        </p>
                   </td>
                  <td width="15" align="right" valign="middle"></td>
                </tr>
          </table></td>

        <td colspan="1" height="450" width="1" valign="top" align="right" </td>
        <td colspan="1" height="485" align="center" valign="top">
            <table width="100%" border="0" valign="top" align="center" cellpadding="0" cellspacing="0">
                <tr>
                  <td colspan="1" height="485" align="center" valign="middle"></td>
                </tr>
          </table></td>
        <td colspan="1" height="450" width="1" valign="top" align="right" </td>
        <td colspan="1" height="485" width="25%" valign="middle" align="right" bgcolor="#84968A"><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
            <tr>
                <td width="15" align="right" valign="top"></td>
                <td align="left" valign="middle">
                    <p class="x">
                         <a href="#"></a><br />
                         <a href="#"></a><br />
                    </p>
                 </td>
         </tr>
        </table></td>
      </tr>
</table>

Answer 1

实际上，问题在于上面的行“问题从这里开始”：

<td colspan="3" width="100%" height="1" align="left" valign="middle"> </td>

你说3列是100％的宽度。然后，你的下一行有5个单元格。

嵌套的HTML表 - width = x％不再正常工作

1 个答案: