새로 디자인 된 website의 CSS 및/또는 테이블에 몇 가지 문제가 있습니다. 잘 알려진 "100 % div height"-issue 때문에 테이블을 웹 사이트의 구조 요소로 사용했습니다. 그래서 다음과 같은 :MAC에서 CSS/표 문제 발생
HTML 마크 업 :
<div id="header">...</div>
<table>
<tr>
<td><div id="main">...</div></td>
<td class="crighttd"><div id="cright">...</div></td>
</tr>
</table>
<div id="footer">...</div>
및 해당 CSS
table {
border-top: 1px solid #6A6A6A;
padding: 0;
margin-top: 20px;
border-spacing: 0
}
td {
vertical-align: top;
padding:0;
margin:0
}
.crighttd {
background: #4F4F4F;
vertical-align:top;
margin: 0
}
#cright {
width: 185px;
float: right;
background: #4F4F4F;
height: 100%;
line-height: 1.2em;
margin: 0;
padding: 25px 0 25px 20px;
}
여기서의 문제는 분명히 오른쪽에있는 TD 전혀 특정 브라우저에서 표시되지 않을 것입니다 (Mac의 경우뿐만 아니라 IE의 오래된 인스턴스에서도이 기능을 보았습니다). CSS 문제입니까, 아니면 테이블에있는 것입니까?
"호환성"으로 태그 변경하는 것을 고려하십시오. – Henning