태그 자료실

회원로그인

무료회원가입 보안로그인

아이디/비밀번호찾기

브라우저 버전(IE7 vs IE6)에 따라 Layer Y 좌표 위치 변동

13년 전

IE 6과 IE 7에서 Layer의 Y좌표가 다른 현상이 확인되었습니다.
IE 7 에서의 Y좌표  =  IE6 + 20픽셀

아래와 같이 활용하시면 자바스크립트와 CSS를 활용하면 동일한 모습으로 보이게 됩니다.

<script language="Javascript" type="text/javascript">

</script>

ie6.css 내용
#Layer1 {
position:absolute;
left:15px;
top:488px;
width:164px;
height:60px;
z-index:1;
}

ie7.css 내용
#Layer1 {
position:absolute;
left:15px;
top:508px;
width:164px;
height:60px;
z-index:1;
}

추천 목록

번호	제목
65	IIS에서 JSP or Java Servlet 돌리는 방법 1
64	톰캣(Tomcat)의 기능 개요 및 설치 방법
63	내용복사시 출처 자동넣기
62	Flash와 PHP를 활용하여 멀티 파일 업로드 구현하는 방법
61	linux 시간 맞추기
60	야후 세계 지도 활용하기, 야후 거기 지도 오픈 API 매시업
59	다음 지도를 내 것으로 만들기, 다음 지도 API 매쉬업
58	나만의 네이버 지도 만들기, 지도 API 매쉬업(Mashup)
57	자바스크립트로 지도 만들기, 구글 지도 API 매시업(Mashup)
56	jQuery 로 텍스트 입력 박스(TextArea)에 크기 조절 막대 추가하기.
55	접근성을 해치지 않는 자바스크립트의 사용
54	display: [inline, block, none]
53	CSS line-height 속성, vertical-align 속성
52	CSS float 속성, clear 속성, z-index 속성
51	CSS display 속성, position 속성
50	CSS 마진(margin) 속성, 패딩(padding) 속성
49	CSS overflow 속성, clip 속성, visibility 속성
48	IE6 에서 CSS만으로(핵안쓰고) position:fixed 하기
47	IE 7 에서 dt, dd 좌측여백이 생기는 문제
46	CSS visibility vs display
45	파이어폭스 에서 핸드 커서 안될때. cursor:hand -> cursor:pointer
44	CSS 포지셔닝(Positioning)
43	CSS에서 브라우저 구별 (IE6, IE7, FIREFOX)
42	CSS3 소개
41	Useful CSS Tips For Beginners
40	자주 쓰는 내장함수 (VisualBasic6)
39	브라우저 버전체크 - IE Conditional Comments 필터링
	브라우저 버전(IE7 vs IE6)에 따라 Layer Y 좌표 위치 변동
37	레이어 절대좌표/ 상대좌표
36	웹표준 DTD선언문