레이어 고정

레이어메뉴 적용시 익스플로러 크기에 상관없이 그자리에 고정시키는 방법

- div 포시션을 relative로 설정한다음
- 테이블에 id를 주고 , 포시션을 absolute 로 주면 된다

이렇게 하면 창크기가 변하게 되도 레이어는 항상 그위치에서 나타난다.

<script language="JavaScript">
<!--
function show_layer(lyr) {
document.all[lyr].style.display='block';
}

function hidden_layer(lyr) {
document.all[lyr].style.display='none';
}

//-->
</script>

<a href="#" onMouseOver="show_layer('Layer1')"; onMouseOut="hidden_layer('Layer1')">카테고리보기</a><div  style="position:relative; left:0px; top:0px;">
<table id="Layer1" border="1"  width="209" height="311" cellpadding="0" cellspacing="0" bordercolor="#6699ff" bordercolordark="#6699ff" bordercolorlight="#6699ff" style='position:absolute;left:0px;z-index:100;display:none;' onMouseOver="show_layer('Layer1')"; onMouseOut="hidden_layer('Layer1')">
...
...
...

</div>