2009-09-11 19 views
0

在Firefox中,「C」居中,這是由於開頭的CSS blurb。爲什麼IE7左對齊呢?爲什麼我不能在IE7中集中​​?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="en"> 
    <head> 
    <style type="text/css"> 
td { 
    text-align: center; 
    width: 130px; 
} 
    </style> 
    </head> 

    <body> 
    <div style="width: 300px; background-color: #888"> 
     <table> 
     <tbody> 
      <tr> 
      <td>A</td> 
      <td>B</td> 
      </tr> 
      <tr> 
      <td colspan="2">C</td> 
      </tr> 
     </tbody> 
     </table> 
    </div> 
    </body> 
</html> 
+0

添加一些顏色:#FF0000;看看IE7是否會首先提取樣式。 – Mayo 2009-09-11 22:00:22

回答

4

這是因爲您有width: 130px;。嘗試通過只爲小細胞設置寬度,例如:

td.span { 
    width:auto; 
} 

<td colspan="2" class="span">C</td> 

見例如:http://jsbin.com/etoka
你也可以做它周圍的其他方法 - 給一類小小區,整行或最好:設置<table>的寬度。

0

始終處於中心在 頁面用這個位置的對象此功能在所有流行的瀏覽器,如IE FF的Safari瀏覽器歌劇院工作

<center> This is my centered text</center> 

請給我投票,如果你的問題就解決了

+1

'

'是不推薦的標籤。它的工作原理,但你不應該使用它。你應該用'CSS'來代替。 – voyager 2009-09-13 16:06:17

相關問題