안녕하세요 css 질문좀 드릴까 합니다
크롬에서는
- position: absolute;
- top: 130px
위에 설정이 잘먹히는데
익스는 아예 안먹힙니다 ㅠㅠ
해결방법이있을까요 ?
|
답변 4개 / 댓글 4개
채택된 답변
+20 포인트
2018-12-27 (목) 14:52:08
<div style="position:absolute;width:200px;height:100px;top:150px;background-color:blue"></div>
이렇게 테스트했더니 IE11에서 잘됩니다.
답변에 대한 댓글 3개
코딩초보1
2018-12-27 (목) 14:55:42
코딩초보1
2018-12-27 (목) 14:56:26
크롬에서는 top: 130px;
해야지만 위치가 맞구요
익스에서는 top:85px;
위치가 맞아요 ㅠ
해야지만 위치가 맞구요
익스에서는 top:85px;
위치가 맞아요 ㅠ
2018-12-27 (목) 15:18:20
다음 처럼 자바스크립트를 사용하니 얼추 맞는 것 같습니다. 참조하시죠.
<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>
<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>
2018-12-27 (목) 15:01:18
부모객체를 position:relative 주셨나요?
2018-12-27 (목) 14:51:49
IE에서 top이 제대로 동작하지 않는걸로 알고 있습니다. margin-top이나 padding-top 등의 속성을 사용하셔서 해야 할듯 합니다
돼지코구뇽
2018-12-27 (목) 14:50:18
익스8은 이제 거의 안쓰니 무시하셔도될듯합니다.
답변에 대한 댓글 1개
답변을 작성하려면 로그인이 필요합니다.
또 익스에서는 맞는데 크롬에서는 위치가 다르게나옵니다 ㅜㅠ