IE의 다른 처리 테이블 td 높이 대 다른 모든 테이블?

모든 인터넷 익스플로러 버전에서 테이블에 문제가 있거나 견딜 수없는 TD 높이가 있습니다.IE의 다른 처리 테이블 td 높이 대 다른 모든 테이블?

난 당신이 w3schools.com

http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_td_height에서 tryit-편집기에서 코드를 실행할 수있는 더 나은 이해를 위해 다음과 같은 마크 업

<table> 
    <tbody> 
     <tr style="vertical-align:top;"> 
      <td id="TD1" width="35" colspan="2" style="background-color:yellow; height:1%;"> 
       <div id="DIV1" style="height:10px; background-color:red;"></div> 
      </td> 
      <td id="TD2" width="15" rowspan="2" style="height:99%;"> 
       <div id="DIV2" style="height:160px; background-color:green;"></div> 
      </td> 
     </tr> 
     <tr style="vertical-align:top;"> 
      <td id="TD3" width="25"> 
       <div id="DIV3" style="height:60px; background-color:blue;"></div> 
      </td> 
      <td id="TD4" width="10"> 
       <div id="DIV4" style="height:80px; background-color:orange;"></div> 
      </td> 
     </tr> 
    </tbody> 
</table>

있습니다.

나는 그게 내가 DIV2의 높이가 작거나이 예상 작품처럼 DIV1 및 DIV3 또는 DIV4의 높이와 같하지만 :)

을 설명하려고 무엇을 설명 생각합니다. 그러나 DIV2의 높이가 DIV1 및 DIV3 또는 DIV4의 높이보다 클 때 IE는 TD3과 TD4와 같은 비율로 TD1을 상승시킵니다.

다른 모든 브라우저에서는 TD3 및 TD4 만 올립니다. TD1은 DIV1과 같은 높이를 유지합니다.

해결할 수있는 방법이나 해결 방법이 있습니까?

테이블없는 레이아웃은 슬프게도 옵션이 아닙니다.

출처

2011-10-07 elweilando

우선은 IE가 쿼크 모드에서되지 않는 것입니다. 또한, 어떤 버전의 IE를 테스트하고 있습니까? – Spudley

적절한 doctype이 없으면 IE가 다른 최신 브라우저와 같이 수행하려고 시도하지 않습니다. IE는 단점 모드입니다. – Rob

@Spudley IE7 (호환 모드), IE8, IE9 – elweilando

적절한 doctype이 없으면 IE가 다른 최신 브라우저와 같이 수행하려고 시도하지 않습니다. IE는 단점 모드입니다.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

또는이 하나 :이 하나를 사용하여 확인하는

<!DOCTYPE html>

출처

2011-10-07 16:28:14 Rob

doctype이 적절하다고 생각합니다. \t \t \t document.compatMode는 CSS1compat입니다. – elweilando

@elweilando - 새로운 웹 페이지는 전환 형 doctype에는 사용할 수 없습니다. 전환은 이전의 사용되지 않는 마크 업에서 '전환'하는 것입니다. 항상 엄격한 doctypes를 사용하십시오. – Rob

두 선언을 모두 시도했지만 아무것도 변경되지 않았습니다. Html5뿐만 아니라 xhtml 엄격한이 경우 전환과 동일합니다. – elweilando

IE의 다른 처리 테이블 td 높이 대 다른 모든 테이블?

답변

관련 문제