标准固定表宽度

是否有一种用于计算HTML中表格的固定宽度值的标准方法？现在，我正在将网页上的表格设置为固定宽度，当我在IE中测试页面时，我有另一个表格中的表格，我注意到冒号的对齐关闭了，如下面的第二张图片说明。我的目的是确保冒号正确对齐，因为它们在Firefox中，并且如果错位是由HTML中的设置引起的，或者它与浏览器如何渲染页面有关，那么只是好奇而已。标准固定表宽度

火狐： enter image description here

Internet Explorer中：

enter image description here

UPDATE：

对不起，不提供任何参考代码，这里的特定部分我工作的一个片段。

<div style="width: 1600px; text-align: center; position: absolute; top: 10%; left: 0%;"> 
    <span id="labelInstructions" style="font-size: xx-large;">PAGE TITLE <br><br></span> 
    <table style="width: 1000px;" align="Center" border="0"> 
     <tbody> 
      <tr> 
       <td style="width: 1000px;"><label for="FileUpload1" style="font-size: x-large;">ENTER: </label><input name="FileUpload1" id="FileUpload1" size="70%" type="file"></td> 
      </tr> 
      <tr> 
       <td style="width: 1000px;"><span id="fileUploadError" style="color: Red; font-size: medium;"><br><br></span></td> 
      </tr> 
      <tr> 
       <td style="width: 1000px;"> 
       <table style="width: 1260px;" border="0"> 
        <tbody> 
         <tr> 
          <td style="font-size: x-large; width: 800px;" align="right" valign="top">FILE INSTRUCTIONS:</td> 
          <td style="font-size: x-large; width: 1800px;" align="left" valign="top">INSTRUCTION 1<br>INSTRUCTION 2<br></td> 
         </tr> 
         <tr> 
          <td></td> 
         </tr> 
         <tr> 
          <td style="font-size: x-large; width: 800px;" align="right" valign="top">FILE EXAMPLE:</td> 
          <td style="font-size: x-large; width: 1800px;" align="left" valign="top">EXAMPLE 1<br>EXAMPLE 2<br><br></td> 
         </tr> 
        </tbody> 
       </table> 
       </td> 
      </tr> 
     </tbody> 
    </table> 
</div>

我知道这是丑陋的，只是一张纸条，这是一个ASP.Net生成的网页，我的亲语法从后面的代码设置HTML元素的属性。我继承了这一点，我的雇主希望将重大变化降到最低。

更新2：

当我调整内部表宽度I可以得到当设置为1377px它在IE对齐。对于Firefox，对齐的最佳位置是1260像素。

来源

2011-02-04 kingrichard2005

我只会用嵌套表作为最后的手段做到这一点。无论如何，一些HTML和/或CSS会有所帮助，或者至少有一些边界能够正确地看到布局。我的猜测是你需要制作固定宽度的TD并允许包装，但也许你已经拥有了这种方式？ – AJJ 2011-02-04 21:07:01

所有你需要做的是使表列的宽度相同对方。风格

例子：

table tr td:first-child { background-color:yellow; width:200px; }

HTML：

<table> 
    <tr><td>Row 1 Cell 1</td><td>Row 1 Cell 2</td></tr> 
    <tr><td>Row 2 Cell 1</td><td>Row 2 Cell 2</td></tr> 
    <tr><td>Row 3 Cell 1</td><td>Row 3 Cell 2</td></tr> 
</table>

来源

2011-02-04 21:06:46 Moses

对不起，不回答，直接向你的问题，但是...

Stoneage结束了！你真的不应该使用表格进行布局，因为它们对于残疾人来说很难访问，并且使你的HTML文件方式太大（与内容有关）。

单独的内容和布局，使用CSS。

来源

2011-02-04 21:04:05 anroesti

这是一个意识形态的问题，它不能帮助他说，“想想你迄今为止所做的一切”。 – aorcsik 2011-02-04 21:06:19

确保放置要在一个表一起对准部分。

<table id="layout"> 
    <tr><td>HEADER</td> 
    <tr><td> 
     <table id="form"> 
      <tr><td>LABEL</td><td>INPUT FIELD</td></tr> 
      <tr><td>LABEL</td><td>INPUT FIELD</td></tr> 
      <tr><td>LABEL</td><td>INPUT FIELD</td></tr> 
     </table> 
    </tr> 
    <tr><td>FOOTER</td> 
</table>

来源

2011-02-04 21:07:11 aorcsik

我将创建两个类，left和right和左类适用于<td>在左边和右边类的<td>右侧。左类会像

.left{width:100px; text-align:right;}

heres an example

来源

2011-02-04 21:09:18 heymrcarter

标准固定表宽度

回答

相关问题