해상도에 따른 레이어 위치 정보
해상도에 따른 레이어 위치본문
해상도에 따라서 레이어 위치가 달라집니다.
검색창을 div로 배치를 했으며, 해상도가 달라지면 삐져나가거나 안쪽으로 삐집고 들어오네요..
01
<div style="position:relative; left: -260px; top: -170px; z-index:1;">
02
<div style="position:absolute; top:133px; left:1100px; z-index:-1;">
03
<img src="../img/src_blank.png"></div>
04
<div style="position:absolute; top:133px; left:1107px; z-index:-1;">
05
<table>
06
<tr>
07
<td>
08
<form name="fsearchbox" method="get" onsubmit="return fsearchbox_submit(this);" style="margin:0px;">
09
<!-- <input type="hidden" name="sfl" value="concat(wr_subject,wr_content)"> -->
10
<input type="hidden" name="sfl" value="wr_subject||wr_content">
11
<input type="hidden" name="sop" value="and">
12
<INPUT name="stx" type="text" maxlength=20 style="BORDER : 0px solid; width: 185px; HEIGHT: 24px; BACKGROUND-COLOR: #ffffff" maxlength="20"></td>
13
</form>
14
</td>
15
<td style="PADDING-LEFT: 5px"><input type="image" src="<?=$g4['path']?>/img/search_button.png" width="67" height="24" border="0"></td>
16
</tr>
17
</table>
18
</div></div>
책도 본 적없고..인터넷 검색으로만 배운 실력이라 정말 부족한 점이 많습니다..
뭐가 잘못되었는지 가르침 부탁드립니다..
사이트주소는 http://smartreaders.co.kr 입니다.
검색창을 div로 배치를 했으며, 해상도가 달라지면 삐져나가거나 안쪽으로 삐집고 들어오네요..
01
<div style="position:relative; left: -260px; top: -170px; z-index:1;">
02
<div style="position:absolute; top:133px; left:1100px; z-index:-1;">
03
<img src="../img/src_blank.png"></div>
04
<div style="position:absolute; top:133px; left:1107px; z-index:-1;">
05
<table>
06
<tr>
07
<td>
08
<form name="fsearchbox" method="get" onsubmit="return fsearchbox_submit(this);" style="margin:0px;">
09
<!-- <input type="hidden" name="sfl" value="concat(wr_subject,wr_content)"> -->
10
<input type="hidden" name="sfl" value="wr_subject||wr_content">
11
<input type="hidden" name="sop" value="and">
12
<INPUT name="stx" type="text" maxlength=20 style="BORDER : 0px solid; width: 185px; HEIGHT: 24px; BACKGROUND-COLOR: #ffffff" maxlength="20"></td>
13
</form>
14
</td>
15
<td style="PADDING-LEFT: 5px"><input type="image" src="<?=$g4['path']?>/img/search_button.png" width="67" height="24" border="0"></td>
16
</tr>
17
</table>
18
</div></div>
책도 본 적없고..인터넷 검색으로만 배운 실력이라 정말 부족한 점이 많습니다..
뭐가 잘못되었는지 가르침 부탁드립니다..
사이트주소는 http://smartreaders.co.kr 입니다.
댓글 전체
<div style="position:relative; left: -260px; top: -170px; z-index:1;">
의 밖의(부모) 엘리먼트 가 없는 상태가 아닌가요?
부모 엘리먼트가 없으면 윈도우 (창) 기준이 될거 같습니다.
그 위에다가 이 div가 들어갈 기준td라든지 div라든질를 추가로 감싸보세요
그리고 굳이 단지 absolute의 위치 변경을 위한 relative라면
left, top 값을 줄 필요가 없습니다.
단지 상위 부모 엘리먼트의 위치부터 0,0으로 시작하게 되니까요
http://www.barelyfitz.com/screencast/html-training/css/positioning/
의 밖의(부모) 엘리먼트 가 없는 상태가 아닌가요?
부모 엘리먼트가 없으면 윈도우 (창) 기준이 될거 같습니다.
그 위에다가 이 div가 들어갈 기준td라든지 div라든질를 추가로 감싸보세요
그리고 굳이 단지 absolute의 위치 변경을 위한 relative라면
left, top 값을 줄 필요가 없습니다.
단지 상위 부모 엘리먼트의 위치부터 0,0으로 시작하게 되니까요
http://www.barelyfitz.com/screencast/html-training/css/positioning/
감사합니다. td안에 넣고 다시 위치를 잡아주니 이제 고정이 되네요.
감사합니다.
감사합니다.
