테이블 - 다른 열 너비

정보 테이블의 코딩에 도움이된다면 도움이 될 것입니다. 이 테이블은 Chrome과 Firefox에서는 잘 작동하지만 IE8에서는 작동하지 않습니다. 나는 행운과 함께 다양한 시도했지만. 내가하고있는 사람은 크롬/파이어 폭스처럼 보이기를 원한다.테이블 - 다른 열 너비

하단의 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 테이블 코드 링크가 jsfiddle에서 here

출처

2013-05-30 user1882651

니스 해결 방법을 참조하십시오. 진지하게, 코드의 관련 부분을 식별하여 질문에 표시하여 외부 리소스에 연결하지 않고 독자적으로 설 수 있도록합니다. – Antony

먼저 [html validator] (http://validator.w3.org/)를 통해 코드를 실행하여 오류/경고를 수정하십시오. –

포스트 전체 코드, 당신의 질문은 불분명했다.

귀하의 질문에서 읽을 수있는 것은 행의 너비가 정렬 문제입니까? 그래서 인터넷 익스플로러이 호환 메타 헤더를 추가하려고하면

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

확인에만 jsfiddle이 link

출처

2013-05-30 11:47:52 Abrah

테이블 - 다른 열 너비

답변

관련 문제