2013-05-30 35 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