레이어의 좌표와 위치
../

레이어 중앙에 위치 시키기
레이어 페이지 끝에 위치 시키기
레이어 위치 고정하기
레이어 상대적인 위치로 배치하기



레이어를 페이지에서 특정한 좌표에 위치시킬때 알아야 할 내용입니다.

레이어안의 레이어를 특정 위치에 위치시킬 수도 있습니다. 그리고 페이지의 움직임에 상관없이 페이지의 일정한 좌표에 레이어를 고정할 수도 있습니다.


ie5 좌표 버그

style에 지정한 left, top 좌표값에 맞게 각 택은 지정된 좌표에 위치하지만 JavaScript로 읽으면 style을 지정한 방법에 따라서 JavaScript로 읽으면 지정한 좌표값이 다르게 나옵니다. 

<div id=D1 style="position:absolute; left:100; top:50;">ie5 좌표 버그</div>
<script>
alert(D1.style.pixelTop)
</script>
는 50으로 나옵니다. 택안에 직접 style 속성으로 지정하면 정상적인 값을 표여줍니다. 하지만 <STYLE>, <LINK> 택으로 지정시는 top, posTop은 0을 반환하고 pixelTop은 공백으로 나옵니다. left, pixelLeft, posLeft 도 마찬가지입니다. 그래서 먼저 style에 지정해둔 좌표값을 일일이 다시 한번더 지정해 주어야 합니다. 
<style>
#D1 { position:absolute; left:100; top:50; }
</style>

<div id=D1>ie5 좌표 버그</div>
<script>
document.all["D1"].style.posLeft=100
document.all["D1"].style.posTop=50
</script>
으로 한번더 javascript로 좌표값을 지정해 주어야 정상적인 좌표값을 참조할 수 있습니다.


T O P