2013-05-30 33 views
0

任何幫助將非常讚賞與信息表上的編碼。該表格在Chrome和Firefox中很好用,但不在IE8中。我嘗試了各種各樣,但沒有運氣。我正在做的人想要它在Chrome/Firefox的外觀,沒有別的。表 - 不同列寬

從底部向上的2行與上面的列有不同的寬度。如在Chrome/Firefox中。只需要它讓它在IE8中顯示相同。 IE8以相同的寬度顯示它們?!

<table width="669" border="1" align="center" cellpadding="5" cellspacing="0"> 
    <tr> 
     <td width="56" rowspan="18" bgcolor="#E6E6E6" > 
     <p align="center"> 
      <img src="images/awards.gif" alt="Awards" width="22" height="109" align="absmiddle" /></p></td> 
        <td width="66" height="44" ><strong>Category</strong></td> 
        <td ><div align="center">Awards</div></td> 
        <td colspan="2"><div align="center">Value</div></td> 
        </tr> 
        <tr> 
        <td width="66" rowspan="4" valign="top"><div align="right"><strong>MAIN</strong></div></td> 
        <td width="154" >1st prize and the title <br /> 
         of the Young Pianist<br /> 
        of the North</td> 
        <td colspan="2" valign="top" class="style3" >&pound;600.00</td> 
       </tr> 
        <tr> 
        <td width="154" >2nd prize</td> 
        <td colspan="2" class="style3">&pound;400.00</td> 
       </tr> 
        <tr> 
        <td width="154" >3rd prize</td> 
        <td colspan="2" valign="top"><span class="style3">&pound;200.00</span> in total value<br /> 
        (<span class="style3">&pound;100.00</span> and WUe* worth <span class="style3">&pound;100.00</span> or more)</td> 
       </tr> 
        <tr> 
        <td width="154" height="26" >Up to 3 Diplomas</td> 
        <td colspan="2" ><div align="center">-</div></td> 
        </tr> 
        <tr> 
        <td height="16" colspan="4" bgcolor="#E6E6E6"></td> 
        </tr> 
        <tr> 

感謝您的期待。

與HTML表的代碼的聯繫是jsfiddlehere

+0

不錯的解決方法。說真的,你展示了代碼的相關部分並將其放在你的問題中,以便它可以獨立運作而不需要鏈接到外部資源。 – Antony

+1

首先通過[html validator](http://validator.w3.org/)運行你的代碼,修復任何錯誤/警告。 –

回答

0

安置自己的完整的代碼,你的問題還不清楚。

我可以從你的問題中讀到的是,你有寬度的行對齊問題?如果是的話你可以添加以下兼容元頭的Internet Explorer

<meta http-equiv="X-UA-Compatible" content="IE=Edge"/> 

參考的唯一的jsfiddle檢查這link