그냥 레이어를 삽입하고 그안에 이미지나 플래시메뉴등의 오브젝트를 넣으면
레이어위치가 절대위치로 적용되어 해상도에 따라 다르게 보인다.
이문제를 해결하기위한 방안으로는
부모자식레이어가 있다.
어떤 지식인답변에는 레이어를 자바스크립트로 제어해야 된다던데 !!
부모자식레이어를 활용하는것이 훨씬 간단하고 효과도 좋다 !!
방 법 - 레이어안에 레이어를 넣는다.
부모레이어를 만든후 그안에 자식레이어를 하나더 삽입하여 그위에 오브젝트를 얹는 방법이다.
이때 부모레이어의 위치값을 아래와 같은 마이너스로 하고 위치값, 아이디값등은 지워버린다.
중요한것은 부모레이어는 position:relative 자식레이어는 position:absolute 이다.
실제 오브젝트를 넣은 자식레이어로 위치를 맞춘다.
이때 레이어위치는 수치값을 넣지 말고 마우스로 레이어를 클릭후 키보드 좌우상하이동키로
화면을 봐가면서 위치를 적당히 조정한다.
** F12(드림위버의경우)를 활용하거나 실제파일을 클릭해서 새로고침 해가면서 봐도 된다. **
그이후에 해상도를 조절해보면 해상도가 바껴도 레이어가 움직이지 않는걸 확인할 수 있다.
** 레이어 **
<div style="position:relative; z-index:1; left: -260px; top: -170px;">
<div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:1; left: 262px; top: 170px;">
이미지나 플래시 오브젝트
</div>
</div>
샬롬~
