3 열이있는 표가 있고 첫 번째와 세 번째 열은 100 % 높이와 배경색을 가진 표를 사용하는 세로선으로 나뉩니다. FF로 정상적으로 작동하지만 Chrome이나 IE에서는 작동하지 않습니다.2px 너비와 배경색이없는 빈 div는 높이가 100 %로 표시됩니다.
이제 테이블을 div 태그로 바꾸지 만 비어있는 div는 표시되지 않습니다. 아래 예제 코드는 내가 지금 무엇을 사용하는지 혼란스러워 많은 것을 시도했다. CSS Gurus의 도움이 필요합니다.
.PageLine2V
{
width:2px;
content: "";
min-height: 100%;
background-color:#D1C094;
background-image:url('../images/gold-line-2v.gif');
background-repeat:repeat-y;
}
<table height="100%">
<td width="60px" valign="top" align="center" >
<div class="PageLine2V"></div>
</td>
</table>
나는이 빈 DIV 쇼를하고도
아직 작동하지 않습니다. – Learning
@StudentDubai 업데이트되었습니다. 내 제안을 시도했습니다. –
상위 테이블에서 문제가 발생했습니다. 높이 = 100 %로 문제가 해결되어 올바르게 표시됩니다. 모든 브라우저에서 – Learning