Chrome에서 div 또는 span을 다시 렌더링하지 않습니다.

나는 잠시 동안 인터넷 검색 및 그렙을 해왔습니다. 아직 해결책을 찾지 못했습니다. 나는 샘플 HTML을 첨부하고있다. 이것은 DNN에서 사용되는 타사 패키지에 의해 생성됩니다. Chrome은 명시된대로 요소를 표시하지 못합니다. IE9와 FF는 괜찮습니다. 모든 의견을 감사드립니다.Chrome에서 div 또는 span을 다시 렌더링하지 않습니다.

<div> 
    <table align="left" sizcache="18" sizset="196" style="height: 100%;"> 
      <tbody sizcache="18" sizset="196"> 
       <tr> 
       <td> 
        <span> 
        I can see this element... 
        </span> 
       </td> 
      </tr> 
      <tr> 
       <td colspan="2"> 
        <div style="width: 100%; height: 100%; overflow-x: auto; overflow-y: auto;"> 
         <span style="width: 450px; height: 100px; display: inline-block;"> 
         You can see me in IE9, Firefox, but not Chrome!!! 
         </span> 
        </div> 
       </td> 
      </tr> 
      <tr> 
       <td style="height: 10px;" colspan="2"> 
       ... and this element. 
       </td> 
      </tr> 
     </tbody> 
    </table> 
</div>

출처

2011-08-09 soulia

코드를 HTML로 던집니다. TextPad에서 생성 된 페이지이며 Chrome에서 정상적으로 작동합니다. DocType은 ''아마도 당신의 문서 유형이 브라우저를 단점 모드 또는 비슷한 것으로 만들고 올바르게 표시하지 못하게 할 수 있습니다. 그것이 도움이된다고 생각한다면 전체 샘플 페이지를 올려 놓을 수 있습니다. – Tod

FYI DocType을 4.0으로 변경하여 표시하지 못했습니다. – Tod

은 그냥 DIV 스타일에서 두 오버 플로우를 제거. http://jsfiddle.net/zeuFT/1/

출처

2011-08-09 20:16:13 evasilchenko

안녕 얘들 아 - 난 MS Expression Web 4에서로드 된 샘플 코드를했다. 그것은 overflows (뿐만 아니라 몇 가지 다른 속성 - sizcache, sizset, 정렬, 등등)에서 squawk 않았다. 오버플로를 제거하면 문제가 해결됩니다. 감사! 참으로 위대한 포럼. – soulia

반갑습니다. 도와 줘서 기뻐. – evasilchenko

안녕 얘들 아 - 관심이있는 사람들을위한 후속 조치 ... IE9 및 Chrome 개발자 도구를 사용하여이 항목에 나열된 권장 사항을 사용하여 속성을 수정했습니다. Chrome DevTools에서 colspan = "2"에서 "1"로 변경하면 스팬 콘텐츠가 표시되지 않습니다. overflow-x 제거 : 자동; overflow-y : 자동; 위에 명시된대로 콘텐츠를 표시했습니다. 사용중인 문서의 스키마는 다음과 같습니다. "overflow-x 및 overflow-y "특성은이 현재 스키마에서 지원되지 않습니다. – soulia

이 사업부는 height: 100%;로 설정하지만, 부모가 정의 된 높이가없는, 그래서 아무것도의 100 %입니다됩니다.

상위에 높이를 추가하면 td이 div를 표시합니다.

http://jsfiddle.net/2msKf/2/

출처

2011-08-09 20:14:37

나는이 문제가 incorect HTML이라고 생각한다. 각 행에 1 개의 TD 만 있지만 표시되지 않는 div가있는 TD는 colspan = "2"입니다. 크롬이 처리 할 수 없다고 생각합니다.

출처

2011-08-09 20:16:55 mkk

colspan을 제거해도 문제가 해결되지 않습니다. http://jsfiddle.net/2msKf/3/ –

Chrome에서 div 또는 span을 다시 렌더링하지 않습니다.

답변

관련 문제