테스트 사이트 - 개발 중인 베타 버전입니다

css 질문좀드리겠습니다 채택완료

코딩초보1 6년 전 조회 1,472

안녕하세요 css 질문좀 드릴까 합니다

 

 

크롬에서는 

  1. position: absolute;
  2. top: 130px

 

위에 설정이 잘먹히는데

익스는 아예 안먹힙니다 ㅠㅠ

해결방법이있을까요 ?

댓글을 작성하려면 로그인이 필요합니다.

답변 4개

채택된 답변
+20 포인트
6년 전

이렇게 테스트했더니 IE11에서 잘됩니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 3개

코딩초보1
6년 전
네 이렇게 저도 해봤는데
또 익스에서는 맞는데 크롬에서는 위치가 다르게나옵니다 ㅜㅠ
코딩초보1
6년 전
크롬에서는 top: 130px;
해야지만 위치가 맞구요
익스에서는 top:85px;
위치가 맞아요 ㅠ
평정심
6년 전
다음 처럼 자바스크립트를 사용하니 얼추 맞는 것 같습니다. 참조하시죠.
<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>

댓글을 작성하려면 로그인이 필요합니다.

잉끼s
6년 전

부모객체를 position:relative 주셨나요?

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

6년 전

IE에서 top이 제대로 동작하지 않는걸로 알고 있습니다. margin-top이나 padding-top 등의 속성을 사용하셔서 해야 할듯 합니다

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

익스8은 이제 거의 안쓰니 무시하셔도될듯합니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

코딩초보1
6년 전
익스 11에서도 안먹힙니다 ㅠㅠ

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인