쿼크 모드 렌더링 문제

나는 다음 HTML 코드를 가지고있다 -쿼크 모드 렌더링 문제

<html> 
<head> 
    <style> 
     body ul 
     { 
      margin: 0px; 
      border: 1px solid black; 
      padding: 0px; 
      list-style-type: none; 
     } 
     ul li { 
     display: inline; 
      padding: 0px; 
      margin: 0px; 
      border: 1px solid red; 
     } 
     table 
     { 
      display: inline; 
      margin: 0px; 
      padding: 0px; 
      border:1px solid green; 

     } 

    </style> 
</head> 
<body> 
<ul> 
     <li>Item1</li> 
     <li>Item2</li> 
     <li> 
      <table> 
       <tbody> 
        <tr> 
         <td>Item3</td> 
         <td>Stars</td> 
        </tr> 
       </tbody> 
      </table> 
     </li> 
    </ul> 

</body> 
    </html>

나는 그것을 렌더링하는 모드 (때문에 페이지에 iframe이에 단점이 코드를 렌더링 할 필요가 제대로 나는 것을 발견 Quirks 모드가 가장 적합). 나는 IE8이 코드를 다음과 같이 표시하는 것을 본다 : 테이블이 다른 목록 항목과 정렬되지 않았다. 모질라으로 표시합니다 반면 : - 여기

테이블이 정렬되어 있지만 텍스트가 없습니다.

여기에 무슨 문제가 있습니까? 브라우저간에이 문제를 어떻게 해결합니까?

출처

2010-02-23 Ajay

때때로 값을 기본값으로 설정하면 IE가 마술처럼 작동합니다. 아마도 당신은 돈을 버릴 수 있을까요? 내가 처음에 시도하는 경향이있는 것, 즉 브라우저와 눈을 맞추기 만하면됩니다. 이것은 테이블에서 특히 중요합니다. IE가 테이블에있는 모든 단일 태그에 대해 "valign : bottom"이라고 말하면 나를 위해 작동하는 것 같습니다 ... – Warty

아니요 .. 여기서 작동하지 않습니다. 문제는 다른 곳에서 발생합니다 : ( – Ajay

quirks 모드를 고집합니까? 승인.

테이블의 td가 IE 에서처럼 렌더링되도록하는 패딩을 가지고있는 것처럼 보입니다.

테이블 이후의 모든 요소에 패딩 + 여백을 제거해보십시오.

출처

2010-02-23 04:41:31

Quirks mode dude – Ajay

Nope .. 0 패딩 모두 .. 여전히 동일합니다. u 이미지를 보면, ull이 IE에서 조금 더 높은 위치에있는 것을 볼 수 있습니다. – Ajay

답변

관련 문제