2011-04-20 7 views
0
<div style="width:180px; height:18px; border-bottom:1px solid #666; position:relative; z-index:500; margin-left:10px;"> 
     <div style="float:left; width:70px; height:18px; position:absolute; left:0; top:0; z-index:1; background-color:white; ">KEY</div> 
     <div style="float:right; height:18px; position:absolute; right:0; top:0; z-index:1; background-color:white; ">VALUE</div> 
    </div> 

크롬, 파이어 폭스, 사파리 등에서 완벽하게 렌더링되지만 IE8에서는 제대로 작동하지 않습니다.IE8에서 왜이 디스플레이가 없습니까?

답변

3

IE8은 렌더러가 doctype을 올바르게 감지하지 못하면 상대 위치 지정을하는 저크입니다. 다음을 지정하십시오 :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "w3.org/TR/html4/loose.dtd"> 
관련 문제