이게 왜 ie8,9,10, 파이어 폭스에 다르게 뜰까요? 채택완료
헐크매니아
8년 전
조회 4,533
크롬하고 IE11, 엣지는 잘 뜹니다.
근데 왜 제목에 말씀드린 IE 구버전들과 파이어폭스에는 다르게 뜰까요?
별거 없는 소스인데...
left 옆에 right를 놓고 right안에 right2를 자식 div로 넣는것 뿐인데
브라우저마다 천차만별입니다.
left 넓이가 100%라 right가 옆으로 안붙고 아래로 내려가는거같은데
이게 또 크롬이나 최신 브라우저들에서는 원하는대로 옆으로 뜹니다.
혹시 IE 구버전들은 display : table 속성을 못쓰나요?
가르침 부탁드립니다.
</p><p><!DOCTYPE html></p><p><html></p><p><head></p><p><style></p><p>html,body{</p><p> height: 100%;</p><p> width: 100%;</p><p> padding-top: 0px;</p><p> padding-left: 0px;</p><p> }</p><p> </p><p>.wrap{</p><p> height: 100%;</p><p> width: 100%;</p><p> display: table;</p><p> }</p><p> </p><p>#left{</p><p> height: 600px;</p><p> width: 100%;</p><p> display: table-cell;</p><p> background-color: aqua;</p><p> }</p><p> </p><p>#right{</p><p> height: 100%;</p><p> display: table-cell;</p><p> background-color: burlywood;</p><p> }</p><p> </p><p>#right2{</p><p> height: 100%;</p><p> width: 300px;</p><p> background-color: crimson;</p><p> }</p><p>#chat{</p><p> height: 100%;</p><p> width: 300px;</p><p> position: fixed;</p><p> top: 0px;</p><p> right: 0px;</p><p> background-color: darkmagenta;</p><p> }</p><p></style></p><p> </p><p></head></p><p><body></p><p> </p><p> <div id="left"></div></p><p> <div id="right"></p><p> <div id="right2"></div></p><p> </div> </p><p> </p><p> </p><p></body></p><p></html></p><div>
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
8년 전
ie 구버전은 사용추이로 보면 매우 미미합니다.
요즘 개발자들은 특수한 경우 빼고는 ie10이상으로 개발을 진행하는것으로 알고 있어요.
밑에 호환성 메타 넣어보면 다르게 보입니다.
<meta http-equiv="X-UA-Compatible" content="IE=edge">
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
헐크매니아
8년 전
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
이거 그냥 단순 IE구버전만 그러면 무시하려고 했는데 파이어폭스 최신까지 이러니 그냥 넘어갈수가 없네요.