div가 해상도에 따라 변합니다... 정보
div가 해상도에 따라 변합니다...본문
부메뉴로 ap-div를 시리즈로 만들어서 만들고 있습니다.
그런데 화면을 늘일때의 위치와 줄일때의 위치가 바뀝니다.
사진을 첨부해 드리겠습니다.
요즘 홈페이지를 좌측에서 중앙으로 만들고 있는데요..
단순히 <table width="965" align="center" border="0" cellspacing="0" cellpadding="0"> 에서 align="center" 만 넣어주면 되나요?
이러고 나서 조금 이상해 진것 같기도 하구요..
답변 부탁드려요^^
감사합니다~
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
}
#apDiv1 {
position:absolute;
left:738px;
top:73px;
width:499px;
height:23px;
z-index:1;
visibility: hidden;
}
-->
</style>
<div id="apDiv1" onmouseover="MM_showHideLayers('apDiv1','','show')" onmouseout="MM_showHideLayers('apDiv1','','hide')"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('sg_sg','','img/main_sub/sg_sg2.gif',1)"><img src="img/main_sub/sg_sg.gif" name="sg_sg" width="97" height="23" border="0" id="sg_sg" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('sg_bow','','img/main_sub/sg_bow2.gif',1)"><img src="img/main_sub/sg_bow.gif" name="sg_bow" width="99" height="23" border="0" id="sg_bow" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('sg_inner','','img/main_sub/sg_inner2.gif',1)"><img src="img/main_sub/sg_inner.gif" name="sg_inner" width="97" height="23" border="0" id="sg_inner" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('sg_family','','img/main_sub/sg_family2.gif',1)"><img src="img/main_sub/sg_family.gif" name="sg_family" width="99" height="23" border="0" id="sg_family" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('sg_way','','img/main_sub/sg_way2.gif',1)"><img src="img/main_sub/sg_way.gif" name="sg_way" width="107" height="23" border="0" id="sg_way" /></a></div>
그런데 화면을 늘일때의 위치와 줄일때의 위치가 바뀝니다.
사진을 첨부해 드리겠습니다.
요즘 홈페이지를 좌측에서 중앙으로 만들고 있는데요..
단순히 <table width="965" align="center" border="0" cellspacing="0" cellpadding="0"> 에서 align="center" 만 넣어주면 되나요?
이러고 나서 조금 이상해 진것 같기도 하구요..
답변 부탁드려요^^
감사합니다~
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
}
#apDiv1 {
position:absolute;
left:738px;
top:73px;
width:499px;
height:23px;
z-index:1;
visibility: hidden;
}
-->
</style>
<div id="apDiv1" onmouseover="MM_showHideLayers('apDiv1','','show')" onmouseout="MM_showHideLayers('apDiv1','','hide')"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('sg_sg','','img/main_sub/sg_sg2.gif',1)"><img src="img/main_sub/sg_sg.gif" name="sg_sg" width="97" height="23" border="0" id="sg_sg" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('sg_bow','','img/main_sub/sg_bow2.gif',1)"><img src="img/main_sub/sg_bow.gif" name="sg_bow" width="99" height="23" border="0" id="sg_bow" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('sg_inner','','img/main_sub/sg_inner2.gif',1)"><img src="img/main_sub/sg_inner.gif" name="sg_inner" width="97" height="23" border="0" id="sg_inner" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('sg_family','','img/main_sub/sg_family2.gif',1)"><img src="img/main_sub/sg_family.gif" name="sg_family" width="99" height="23" border="0" id="sg_family" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('sg_way','','img/main_sub/sg_way2.gif',1)"><img src="img/main_sub/sg_way.gif" name="sg_way" width="107" height="23" border="0" id="sg_way" /></a></div>
댓글 전체
#apDiv1 {
position:absolute;
left:738px;
top:73px;
width:499px;
height:23px;
z-index:1;
visibility: hidden;
}
브라우저의 크기 무시 절대위치값을 주어서 그렇습니다....
position:absolute;
left:738px;
top:73px;
width:499px;
height:23px;
z-index:1;
visibility: hidden;
}
브라우저의 크기 무시 절대위치값을 주어서 그렇습니다....
무슨 말씀인지 잘 모르겠습니다^^
제가 초보라서 그런가봐요..
크기,무시,절대위치값을 삭제하면 되나요??
제가 초보라서 그런가봐요..
크기,무시,절대위치값을 삭제하면 되나요??