표가 ie7에 표시되지 않습니다

어떤 이유로 든 테이블이 IE7에 표시되지 않습니다. 예 테이블은 다음과 같습니다표가 ie7에 표시되지 않습니다

<table class="stringingTable"> 
<tbody> 
<tr> 
<td class="selected">.</td> 
<td>,</td> 
<td>and</td> 
<td>also</td> 
<td>but</td> 
<td>however</td> 
<td>whereas</td> 
</tr> 
</tbody> 
</table>

관련 CSS는 다음과 같습니다

stringingTable { 
    position: relative; 
    width: 70px; 
    height: 30px; 
    background: #9A2F00; 
    text-align: center; 
    font-size: 0.8em; 
    line-height: 1em; 
    cursor: pointer; 
    cursor: hand; 
} 

.stringingTable td.selected { 
    display: table-cell; 
} 

.stringingTable td { 
    word-wrap: break-word; 
    max-width: 70px; 
    display: none; 
}

표는 모든 최신 브라우저에서 잘 표시되지만이 NI에서 교사를위한 웹 사이트입니다 (모든 사람 그들이 사용하는 것처럼 IE7을 사용하십시오.

출처

2012-02-20 Joshua Bambrick

하나는 단순히 IE7 용 웹 페이지를 디자인하지 않습니다. –

'zoom : 1' 시도 했습니까? – powerbuoy

IE7과 호환되도록 웹 페이지를 디자인한다는 의미입니다. 줌 : 1하지 않음 –

Internet Explorer 버전이 8 미만인 경우 table, inline-table 및 모든 속성이 table-* 인 CSS 표 표시 속성을 지원하지 않습니다. 불행하게도이 셀을 display: none으로 설정하면 표 모양을 변경하지 않고 다시 표시 할 수 없습니다 (표 셀에을 다시 설정할 수 없기 때문에).

특정 경우에 도움이 될지 모르지만 대신 visibility: hidden 및 visibility: visible으로 시도해 볼 수 있습니다.

출처

2012-02-20 17:44:35 animuson

네 도움에 감사드립니다. 나는 자바 스크립트 함수를 사용하여 표 셀을 사용하는 대신 div의 인라인 요소를 세로로 가운데 맞추기로 결정했습니다. –

모두 TD에 display: none;을 사용하고 있으므로 모든 것을 숨길 수 있습니다. display: none을 제거하지 않으면 Chrome에 표시되지 않습니다.

출처

2012-02-20 17:34:12

상단의 td는 display로 설정되어있는 .selected 클래스를 가지고 있습니다 : table-cell; –

표가 ie7에 표시되지 않습니다

답변

관련 문제