댓글을 확인후 코딩이 잘못된 것을 확인후 다시 수정하여 올립니다 (2012.1.3)
일단 해상도에 따라 바뀌는 레이어를 고정하는 코딩의 예는 다음과 같습니다.
<div style="left:expression((document.body.clientWidth/2)-300);TOP:35px;POSITION:absolute;width:100;height:150;">
크기가 가로 100, 세로 150인 공간(?)을 어느 해상도든 정 가운데에서 좌측으로 300픽셀 위치인곳에 띄운다 라고 볼 수 있습니다.
설명이.. 좀 애매 했죠 자세히 설명 드리자면
left:expression((document.body.clientWidth/2)-300)
: 왼쪽정렬인 전체 도큐먼트(프레임 화면을 말합니다)의 가로(width) 크기를 2로 나눈 값(즉 정 가운데 위치)에 -300를 한 값
(즉, 해상도가 1024일 경우 (1024/2)-300 이니 좌측에서 212인 지점이겠군요)
(만약 해상도가 1920이라면 (1920/2)-300 이니 660인 좌측에서 지점이겠군요)
TOP:35px
: 위에서 35px만큼 밑으로 내려온 지점
width:100;height:150;
: 이건 아시다시피 가로 100, 세로 150이란 얘기입니다.
가운데 정렬이 되어있는 웹싸이트에 따라다니는 메뉴나 오늘본 상품 등에 활용하면 좋겠군요~ 이상입니다!
지적해주신 이런님께 감사드립니다~ 늦게나마 수정합니다 ㅎㅎ;