2010-07-29 3 views
1

테이블에 중첩 된 표를 사용하여 border-collapse:collapse; 속성을 사용하고 있습니다. 문제는 Opera가 무시하는 중첩 테이블의 padding 속성 때문입니다. CSS 중첩 테이블의 패딩이 Opera에 의해 무시되었습니다.

은 ... 다음 HTML 코드와 함께, 가장 간단한 그것을 줄이기 위해 :

<table style="border-collapse:collapse;"> 
    <tr> 
     <td> 
      <table style="padding:3em;"> 
       <tr><td>ABCDE</td></tr> 
      </table> 
     </td> 
    </tr> 
</table> 

을 ... padding 속성은 파이어 폭스, 크롬과 사파리에서 고려 걸릴 반면, 오페라 무시 렌더링.

내 질문은 : 어느 것이 옳은가요? 내가 이런 식으로 남겨두고 오페라 사용자를 무시하거나 오페라가 구문에 맞기 때문에 패딩을 설정하는 다른 방법을 찾아야할까요?

답변

0

귀하의 경우에는 포함 패딩을 넣기 만하면됩니다. <TD>. Opera 사용자를 무시하고 Opera 사용자를 무시하려는 경우 웹 사용자의 많은 부분을 소외시키지 않습니다. 일부 사용자는 염려 할 것입니다.

+0

답장을 보내 주셔서 감사합니다. 문제는 다음과 같습니다. 포함 코드를 변경할 수 없습니다. 중첩 테이블을 코드화하여 "테두리 붕괴 : 붕괴;"가있는 테이블에 올바르게 표시되도록해야합니다. 재산. 나는 오페라 사용자가별로 없다는 것을 알고 있지만 Opera가 가장 표준에 부합하는 브라우저라고 생각했기 때문에이 Opera만의 잘못된 디스플레이로 인해 문제가 발생했습니다. 따라서 잘못된 표시 이외의 코딩 오류가 아닌지 궁금합니다. 오페라에 의해 ... 내 질문은 남아 : 어떤 브라우저가 맞습니까? 이 코드에는 * 무엇이 * 표시되어야합니까? – Socce

+0

개인적으로 나는 테이블 요소에 패딩을 두지 않았습니다. 패딩에 여백을 대입 해보십시오. 중요한 점은 CSS 사양은 해석에 개방적이며 다른 브라우저는 다른 기능을 수행한다는 것입니다. 오페라가 틀렸다는 것은 아닙니다. 다른 것들은 단지 다릅니다. – Robusto

+0

정확하게 이해한다면이 HTML 코드의 "올바른"렌더링이 정의되어 있지 않으며 오페라는 "테두리 붕괴 : 붕괴"라는 믿을만한 이유가있을 수 있습니다. 속성은 중첩 된 테이블의 패딩을 무효화해야합니다 (버그 일뿐만 아니라). 따라서 렌더링이 다른 브라우저를 통해 동일하게 유지되도록하려면 다른 애매한 CSS 설명을 사용해야합니다. 글쎄, 내가 맞다면 설명 해줘서 고마워! – Socce

관련 문제