IE8의 HTML 표 수평 초과 오버플로

Question

5 열 너비와 길이가 긴 HTML 표를 작성하고 있습니다. 그것은 div 안에 있습니다. 여기

코드입니다 (... 내가 그래서 내가 직접 이미지를 게시 할 수있는 새로운 사용자입니다)

http://img42.imageshack.us/img42/7209/artistlist.png

이 : 그것은 FF/크롬/사파리에 큰 보이지만, IE8에서 망쳐 놨어요 :

 <h2 class="blockhead">14 artists found</h2> 

    <div class="blockbody"> 
     <div class="blockrow"> 
     <font size="+0"> 
     <div style="max-width: 99.9%;"> 
     <center><table style="max-width: 99.9%;"><tr> 
<td><center><a href="djdb2.php?id=994"><img src="djdb/artist/0/994.jpg" style="max-width: 140px; max-height: 140px; border: 2px #414141 solid;" hspace=10><br>John '00' Fleming</a></center></td> 
<td><center><a href="djdb2.php?id=657"><img src="djdb/artist/0/657.jpg" style="max-width: 140px; max-height: 140px; border: 2px #414141 solid;" hspace=10><br>John Acquaviva</a></center></td> 
<td><center><a href="djdb2.php?id=1120"><img src="djdb/artist/1/1120.jpg" style="max-width: 140px; max-height: 140px; border: 2px #414141 solid;" hspace=10><br>John Askew</a></center></td> 
<td><center><a href="djdb2.php?id=474"><img src="djdb/artist/0/474.jpg" style="max-width: 140px; max-height: 140px; border: 2px #414141 solid;" hspace=10><br>John Dahlbäck</a></center></td> 
<td><center><a href="djdb2.php?id=1164"><img src="djdb/artist/1/1164.jpg" style="max-width: 140px; max-height: 140px; border: 2px #414141 solid;" hspace=10><br>John Dalagelis</a></center></td> 
</tr><tr> 
<td><br><center><a href="djdb2.php?id=250"><img src="djdb/artist/0/250.jpg" style="max-width: 140px; max-height: 140px; border: 2px #414141 solid;" hspace=10><br>John Daly</a></center></td> 
<td><br><center><a href="djdb2.php?id=935"><img src="djdb/artist/0/935.jpg" style="max-width: 140px; max-height: 140px; border: 2px #414141 solid;" hspace=10><br>John Debo</a></center></td> 
<td><br><center><a href="djdb2.php?id=2"><img src="djdb/artist/0/2.jpg" style="max-width: 140px; max-height: 140px; border: 2px #414141 solid;" hspace=10><br>John Digweed</a></center></td> 
<td><br><center><a href="djdb2.php?id=1132"><img src="djdb/artist/1/1132.jpg" style="max-width: 140px; max-height: 140px; border: 2px #414141 solid;" hspace=10><br>John Peel</a></center></td> 
<td><br><center><a href="djdb2.php?id=338"><img src="djdb/artist/0/338.jpg" style="max-width: 140px; max-height: 140px; border: 2px #414141 solid;" hspace=10><br>John Selway</a></center></td> 
</tr><tr> 
<td><br><center><a href="djdb2.php?id=980"><img src="djdb/artist/0/980.jpg" style="max-width: 140px; max-height: 140px; border: 2px #414141 solid;" hspace=10><br>John Talabot</a></center></td> 
<td><br><center><a href="djdb2.php?id=335"><img src="djdb/artist/0/335.jpg" style="max-width: 140px; max-height: 140px; border: 2px #414141 solid;" hspace=10><br>John Tejada</a></center></td> 

<td><br><center><a href="djdb2.php?id=863"><img src="djdb/artist/0/863.jpg" style="max-width: 140px; max-height: 140px; border: 2px #414141 solid;" hspace=10><br>Koen Groeneveld</a></center></td> 
<td><br><center><a href="djdb2.php?id=1009"><img src="djdb/artist/1/1009.jpg" style="max-width: 140px; max-height: 140px; border: 2px #414141 solid;" hspace=10><br>Mike Shannon</a></center></td> 
</tr></table></center></div> 
     </font> 
     </div> 
    </div> 

나는 꽤 아니다 알고 있지만 내가 그들의 코드를 편집하기 전에 나는 내가 편집 할 필요가 정확히 무엇 CSS 스타일을 알고 있는지 확인하려면, 그래서 나는 vBulletin에 위에이 짓고 있어요. 나는 구글, 그리고 심지어이 사이트에서 많은, 많은 제안을 시도했다. 그러나 IE가 테이블을 div 내에 적합하게하는데 도움이되는 것 같지는 않다. 아무도 내가 이것을 어떻게 할 수 있는지 안다? 나는 당신이 나에게 뭔가를 기꺼이 설명하려고한다면 무엇이든 시도하는 데 열심이다!

Answer 1

나는 이것을 마지막으로 고쳤습니다! 테이블 레이아웃 : 고정;을 추가해야했습니다. 테이블의 스타일에 테이블을 width = 100 %로 설정하고 자체 div 안에 넣으십시오.

Answer 2

올바르게 (1)을 회상하면 표준 모드 (HTML)에서 실행되는 경우 IE8은 최대 너비의 CSS 만 지원합니다.

• DocType을 지정 했습니까?
• HTML 코드입니까? XHTML은 IE8에서 완전히 지원되지 않습니다.

(1) - 단점 모드 (DocType이 지정되지 않은 경우 얻을 수있는 것)에서 IE8에서는 최대 너비가 무시됩니다.