css 질문좀드리겠습니다
본문
안녕하세요 css 질문좀 드릴까 합니다
크롬에서는
- position: absolute;
- top: 130px
위에 설정이 잘먹히는데
익스는 아예 안먹힙니다 ㅠㅠ
해결방법이있을까요 ?
답변 4
<div style="position:absolute;width:200px;height:100px;top:150px;background-color:blue"></div>
이렇게 테스트했더니 IE11에서 잘됩니다.
네 이렇게 저도 해봤는데
또 익스에서는 맞는데 크롬에서는 위치가 다르게나옵니다 ㅜㅠ
크롬에서는 top: 130px;
해야지만 위치가 맞구요
익스에서는 top:85px;
위치가 맞아요 ㅠ
다음 처럼 자바스크립트를 사용하니 얼추 맞는 것 같습니다. 참조하시죠.
<div id="testBox" style="position:absolute;top:150px;width:200px;height:100px;background-color:blue"></div>
<script>
$(function() {
var agent = navigator.userAgent.toLowerCase();
if (agent.indexOf("msie") > -1 || agent.indexOf("trident") > -1) {
$("#testBox").css({
'position' : 'absolute',
'top' : '150px'
});
}
});
</script>
익스8은 이제 거의 안쓰니 무시하셔도될듯합니다.
익스 11에서도 안먹힙니다 ㅠㅠ
IE에서 top이 제대로 동작하지 않는걸로 알고 있습니다. margin-top이나 padding-top 등의 속성을 사용하셔서 해야 할듯 합니다
부모객체를 position:relative 주셨나요?