본문 바로가기

프로그램/html/css

[JAVAscript] 사이트가 가운데정렬일때 DIV위치 지정.



div를 이용하여 퀵메뉴나, 하단 상단 메뉴를 만들때, 

가운데 정렬일때 브라우저 창에 따라 위치가 변경되는것을 잡아줘야 합니다. 


근데 이게 맘대로 안되죠 ㅠㅠ 

먼저 옵션값을 확인해보면 top브라우저의 상단에서부터의 거리이고 left는 브라우저 왼쪽부터의 거리입니다.

그럿다 보니까 가운데 정렬인데도 왼쪽과 상단에서의 거리에 만큼만 위치하게 되어서 브라우저 크기가 변하는거에 함께 변하지 못합니다. ㅠ


이걸 해결하는 방밥은 생각보다 간단한데요. 

값을 퍼센테이지로 주는거에요. 그리고 마진값을 줘서 현재 위치에서 얼마정도까지 움직여 주는겁니다. 



아래 소스를 잘 보시면 이해가 되실꺼에요 ^^

하찮은 개발자다 보니 필력이 딸려서 쉽게 설명이 어렵네요. 

나중에 포토샵을 잡을일이 생기면 그림과 함께 설명하겠습니다. ㅎ


<DIV style="POSITION: absolute; WIDTH: 125px; TOP: 165px; margin-left:166px; LEFT: 50%; background-color:#FFF; display:none;border:4px solid; border-color:#f3f3f3;font-size:14px; font-weight:bold; " id='GNB_menu' align="center"><div>