레이어 고정하는 방법좀 알려주세요 정보
레이어 고정하는 방법좀 알려주세요본문
레이어 고정하는 방법을 알고싶습니다..
해상도에 상관없이 말입니다.. 인터넷에 나온 소스는 제 피씨에서는 정상적으로나오지만
회사에서 보면 레이어 위치가 위/아래는 정상인데 좌/우가 틀리네요..ㅠ_ㅠ
소스는 아래와 같습니다.
-----------시작-------------
<div id="clubinfo_sub_1" style="width:318px; height:34px; position:absolute; left:464px; top:124px; z-index:1; visibility:hidden;">
<table id="Table_01" width="318" height="25" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<a href="1" target="1"
onmouseover="window.status='공지사항'; return true;"
onmouseout="window.status=''; return true;">
<img src="images/clubinfo_sub_1.gif" width="61" height="25" border="0" alt="공지사항"></a></td>
<td>
<img src="images/clubinfo_sub_1_02.gif" width="1" height="25" alt=""></td>
<td>
<a href="1" target="1"
onmouseover="window.status='사이트오류수정'; return true;"
onmouseout="window.status=''; return true;">
<img src="images/clubinfo_sub_21.gif" width="99" height="25" border="0" alt="사이트오류수정"></a></td>
<td>
<img src="images/clubinfo_sub_1_04.gif" width="1" height="25" alt=""></td>
<td>
<a href="1" target="1"
onmouseover="window.status='가입인사'; return true;"
onmouseout="window.status=''; return true;">
<img src="images/clubinfo_sub_3.gif" width="64" height="25" border="0" alt="가입인사"></a></td>
<td>
<img src="images/clubinfo_sub_1_06.gif" width="1" height="25" alt=""></td>
<td>
<a href="1" target="1"
onmouseover="window.status='클럽업체'; return true;"
onmouseout="window.status=''; return true;">
<img src="images/clubinfo_sub_4.gif" width="91" height="25" border="0" alt="클럽업체"></a></td>
</tr>
</table>
</div>
-----------------끝--------------------
인터넷에 나와있는 소스에 테이블을 하나 넣은겁니다..
그런데 위/아래는 고정이지만 좌/우가 고정이 안되는 문제점이 발생되네요..
해상도에 상관없이 말입니다.. 인터넷에 나온 소스는 제 피씨에서는 정상적으로나오지만
회사에서 보면 레이어 위치가 위/아래는 정상인데 좌/우가 틀리네요..ㅠ_ㅠ
소스는 아래와 같습니다.
-----------시작-------------
<div id="clubinfo_sub_1" style="width:318px; height:34px; position:absolute; left:464px; top:124px; z-index:1; visibility:hidden;">
<table id="Table_01" width="318" height="25" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<a href="1" target="1"
onmouseover="window.status='공지사항'; return true;"
onmouseout="window.status=''; return true;">
<img src="images/clubinfo_sub_1.gif" width="61" height="25" border="0" alt="공지사항"></a></td>
<td>
<img src="images/clubinfo_sub_1_02.gif" width="1" height="25" alt=""></td>
<td>
<a href="1" target="1"
onmouseover="window.status='사이트오류수정'; return true;"
onmouseout="window.status=''; return true;">
<img src="images/clubinfo_sub_21.gif" width="99" height="25" border="0" alt="사이트오류수정"></a></td>
<td>
<img src="images/clubinfo_sub_1_04.gif" width="1" height="25" alt=""></td>
<td>
<a href="1" target="1"
onmouseover="window.status='가입인사'; return true;"
onmouseout="window.status=''; return true;">
<img src="images/clubinfo_sub_3.gif" width="64" height="25" border="0" alt="가입인사"></a></td>
<td>
<img src="images/clubinfo_sub_1_06.gif" width="1" height="25" alt=""></td>
<td>
<a href="1" target="1"
onmouseover="window.status='클럽업체'; return true;"
onmouseout="window.status=''; return true;">
<img src="images/clubinfo_sub_4.gif" width="91" height="25" border="0" alt="클럽업체"></a></td>
</tr>
</table>
</div>
-----------------끝--------------------
인터넷에 나와있는 소스에 테이블을 하나 넣은겁니다..
그런데 위/아래는 고정이지만 좌/우가 고정이 안되는 문제점이 발생되네요..
댓글 전체
pgnbGorealra 좌표값을 적절히 수정하시면 됩니다
<style>
.pgnb{ position:relative; }
.pgnbGorealra{ width:210px; height:130px; position:absolute; top:0px; left:0px; }
</style>
<div class="pgnb"><div class="pgnbGorealra">
<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0">
<tr>
<td>
여기에 내용.................
</td>
</tr>
</table>
</div></div>
<style>
.pgnb{ position:relative; }
.pgnbGorealra{ width:210px; height:130px; position:absolute; top:0px; left:0px; }
</style>
<div class="pgnb"><div class="pgnbGorealra">
<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0">
<tr>
<td>
여기에 내용.................
</td>
</tr>
</table>
</div></div>