묻고답하기
레이어 관련 질문입니다...
2003.12.29 20:21
레이어에 position:absolute 를 쓰면 레이어가 지정된 위치에 고정되죠
그런데 브라우저 상단의 즐겨찾기나 목록보기를 클릭하여 브라우저 왼쪽에 프레임이 나타나면 화면 전체가 오른쪽으로 밀리면서 레이어 위치도 변동됩니다. 어떻게 보면 레이어가 시작되는 위치가 브라우저의 맨 왼쪽부터라고 봤을때 당연한 결과라고 생각됩니다만...
http://www.hyundai-motor.com/cybermall/showroom/rv/trajet/exterior.html 를 가보면..쇼하이드레이어를 사용해서 이미지맵을 만들어놨는데 똑같이 position:absolute 를 썼는데도 즐겨찾기등을 클릭하여 브라우저 왼쪽에 프레임이 생겨도 레이어가 옆으로 밀리지 않고 위치가 고정되어 있습니다.
제가 제작한건..http://www.abab.co.kr/info/view_img.html 입니다.
위에 알려드린 현대자동차싸이트처럼 브라우저의 레프트 부분에 즐겨찾기 같은 프레임이 나타나도 레이어의 위치가 고정되게 할려면 어떻게 할까요?
현대 자동차 사이트의 소스를 봐도 레이어부분에 css를 적용한거 외에는 제가 만든 소스와 별차이가 없는거 같습니다.
아시는분 답변 좀 부탁드리겠습니다.
그럼 좋은 밤 되십쇼~
그런데 브라우저 상단의 즐겨찾기나 목록보기를 클릭하여 브라우저 왼쪽에 프레임이 나타나면 화면 전체가 오른쪽으로 밀리면서 레이어 위치도 변동됩니다. 어떻게 보면 레이어가 시작되는 위치가 브라우저의 맨 왼쪽부터라고 봤을때 당연한 결과라고 생각됩니다만...
http://www.hyundai-motor.com/cybermall/showroom/rv/trajet/exterior.html 를 가보면..쇼하이드레이어를 사용해서 이미지맵을 만들어놨는데 똑같이 position:absolute 를 썼는데도 즐겨찾기등을 클릭하여 브라우저 왼쪽에 프레임이 생겨도 레이어가 옆으로 밀리지 않고 위치가 고정되어 있습니다.
제가 제작한건..http://www.abab.co.kr/info/view_img.html 입니다.
위에 알려드린 현대자동차싸이트처럼 브라우저의 레프트 부분에 즐겨찾기 같은 프레임이 나타나도 레이어의 위치가 고정되게 할려면 어떻게 할까요?
현대 자동차 사이트의 소스를 봐도 레이어부분에 css를 적용한거 외에는 제가 만든 소스와 별차이가 없는거 같습니다.
아시는분 답변 좀 부탁드리겠습니다.
그럼 좋은 밤 되십쇼~
position을 relative로 한번 해보세요. 님의 홈피와 현대 홈피랑 다른점은 님께서 가운데 정렬을 쓰셨기 때문입니다. 가운데 정렬을 썼을 때엔 레이어를 사용하는데 좀 불편하고, 설정을 좀 해줘야되거든요. 저도 사실은 비슷한 문제로 고민을 하고 있답니다. 근데 님의 문제는 아래처럼 하면 될거 같아요.
<td width="163" height="200" ><div id='STATICMENU' style='position:relative; left:0; top:0; width:100; height:100; z-index:0; visibility: inherit;' >
relative로 잡으면 현재 레이어가 들어가있는 TD부터해서 상대적으로 위치를 잡습니다. 그렇기 때문에 가운데 정렬로 인해서 생기는 좌표의 유동성에도 문제가 안생길 수 있습니다. 질문이 올라온지 정말 한참되었는데... 해결하셨는지 모르겠습니다.