標準固定表寬度

是否有一種用於計算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

標準固定表寬度

回答

相關問題