인라인을 표시하는 IE7의 테이블

Question

div 안에 ie7 테이블에 두 개의 테이블이 있습니다. div의 width 속성은 500px로 설정되어 있습니다. 테이블은 div 안에 있고 width 속성은 각각 450px로 설정됩니다.

페이지가 IE7에서 렌더링 될 때 상위 div의 너비가 500px인데도 불구하고 두 번째 테이블이 첫 번째 테이블 (같은 줄) 옆에 표시됩니다.

다른 브라우저에서는 모두 표시됩니다.

첫 번째 테이블 아래에 두 번째 테이블을 표시하도록 IE7에 지시 할 수 있습니까?

Answer 1

사용

<!--[if IE 7]> 
<link rel="stylesheet" type="text/css" href="ie7.css"> 
<![endif]--> 

는 IE7을 대상으로 CSS의 작은 해킹을 만듭니다. 참고로 여기에 IE Only CSS

Answer 2

를 들어

당신의 사건을 크로스 브라우저 호환성을 달성하기위한

1) Put a <br/> tag after the first table. This will always display 2nd table below the 1st one. 

2) Add <div style="clear:both"> </div> after the first table. This will do the same as above. 

Answer 3

... 다른 해결, 당신은 html5shiv.js 당신은 here를 찾을 수있다. 나는 크로스 브라우저 호환성을 위해 대부분의 프로젝트에서 이것을 사용했다. 희망이 당신을 도울 것입니다.