div로 코딩시 제이쿼리 롤링소스 위치가 익스랑 크롬 차이가 나네요 정보
div로 코딩시 제이쿼리 롤링소스 위치가 익스랑 크롬 차이가 나네요본문
오류가 나는곳의 주소를 알려주시면 더 빠르고 정확하게 답변 받을 수 있습니다.
오류 주소 : http://happyzone.findhappy.kr/index-test.html
익스플로러에선 제이쿼리 롤링이 하단 흰색부분이 시작되는 점과 딱 맞아 떨어지는데
크롬,파이어폭스등에선 조금 위로 올라가 버리네요 ㅠㅠ
왜 이런거죠?
<?
$g4_path="./";
include_once("$g4_path/common.php");
include_once("$g4[path]/lib/latest.lib.php");
include_once("$g4[path]/lib/outlogin.lib.php");
include_once("$g4[path]/head.sub.php");
?>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<title>Untitled Document</title>
<link rel="STYLESHEET" type="text/css" href="style.css">
<link rel="stylesheet" href="http://happyzone.findhappy.kr/dbTab2.css" type="text/css"></link>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="http://happyzone.findhappy.kr/jquery.dbTabSlideStepMove.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#dbT2').dbTabSlideStepMove({
imgWidth:1160, //가로사이즈
motionType:'x', //모션타입 : x,y.fade,none
autoRollingTime:4000 //자동롤링시간 : 밀리초
})
})
</script>
<style type="text/css">
body {
background-image: url(http://happyzone.findhappy.kr/images/main_bg_.jpg);
background-repeat: repeat-x;
background-position: left top;
text-align: center;
}
#wrap {
width: 1160px;
padding: 0px;
margin-top: auto;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
text-align: left;
}
#menu {
float: left;
height: 70px;
width: 148px;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
#menu1 {
height: 15px;
width: 74px;
margin-top: 35px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
float: left;
}
#menu2 {
height: 15px;
width: 52px;
float: left;
margin-top: 35px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 60px;
}
#menu3 {
height: 15px;
width: 67px;
float: left;
margin-top: 35px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 60px;
}
#menu4 {
height: 15px;
width: 53px;
float: left;
margin-top: 35px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 60px;
}
#menu5 {
height: 15px;
width: 53px;
margin-top: 35px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 60px;
clear: both;
}
#menu-swap {
width: 700px;
margin-top: auto;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 300px;
clear: none;
float: none;
}
body,td,th {
font-size: 12px;
color: #FFF;
}
#main {
height: auto;
width: 1160px;
clear: both;
margin-top: auto;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
padding: 0px;
}
#last {
width: 300px;
margin-top: 50px;
margin-right: auto;
margin-bottom: auto;
margin-left: 0px;
}
</style>
</head>
<body>
<div id="wrap">
<div id="menu"><img src=http://happyzone.findhappy.kr/images/top_logo.png></div>
<div id="menu-swap">
<div id="menu1"><img src="http://happyzone.findhappy.kr/images/top_menu_off_01.png"
onmouseover="this.src='http://happyzone.findhappy.kr/images/top_menu_on_01.png'"
onmouseout="this.src='http://happyzone.findhappy.kr/images/top_menu_off_01.png'" />
</div>
<div id="menu2"><img src=http://happyzone.findhappy.kr/images/top_menu_on_02.png /></div>
<div id="menu3"><img src=http://happyzone.findhappy.kr/images/top_menu_on_03.png /></div>
<div id="menu3"><img src=http://happyzone.findhappy.kr/images/top_menu_on_04.png /></div>
<div id="menu3"><img src=http://happyzone.findhappy.kr/images/top_menu_on_05.png /></div>
</div>
<div id="main">
<div id="dbT2">
<ul class="imgSet">
<li><img src="http://happyzone.findhappy.kr//images/1.png" alt=""/></a></li>
<li><img src="http://happyzone.findhappy.kr//images/2.png" alt=""/></a></li>
<li><img src="http://happyzone.findhappy.kr//images/3.png" alt=""/></a></li>
</ul>
<ul class="menuSet">
<table width="200" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td> <li><img src="http://happyzone.findhappy.kr//images//btn_off.gif"/></li><!--
--><li><img src="http://happyzone.findhappy.kr//images/btn_off.gif"/></li><!--
--><li><img src="http://happyzone.findhappy.kr//images/btn_off.gif"/></li></td>
</tr>
</table>
</ul>
</div>
</div>
<div id="last"><?
echo latest("ko_main", "notice", 3, 30); // basic 스킨으로 notice 라는 게시판을 출력합니다.
?></div>
</div>
</body>
</html>
오류 주소 : http://happyzone.findhappy.kr/index-test.html
익스플로러에선 제이쿼리 롤링이 하단 흰색부분이 시작되는 점과 딱 맞아 떨어지는데
크롬,파이어폭스등에선 조금 위로 올라가 버리네요 ㅠㅠ
왜 이런거죠?
<?
$g4_path="./";
include_once("$g4_path/common.php");
include_once("$g4[path]/lib/latest.lib.php");
include_once("$g4[path]/lib/outlogin.lib.php");
include_once("$g4[path]/head.sub.php");
?>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<title>Untitled Document</title>
<link rel="STYLESHEET" type="text/css" href="style.css">
<link rel="stylesheet" href="http://happyzone.findhappy.kr/dbTab2.css" type="text/css"></link>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="http://happyzone.findhappy.kr/jquery.dbTabSlideStepMove.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#dbT2').dbTabSlideStepMove({
imgWidth:1160, //가로사이즈
motionType:'x', //모션타입 : x,y.fade,none
autoRollingTime:4000 //자동롤링시간 : 밀리초
})
})
</script>
<style type="text/css">
body {
background-image: url(http://happyzone.findhappy.kr/images/main_bg_.jpg);
background-repeat: repeat-x;
background-position: left top;
text-align: center;
}
#wrap {
width: 1160px;
padding: 0px;
margin-top: auto;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
text-align: left;
}
#menu {
float: left;
height: 70px;
width: 148px;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
#menu1 {
height: 15px;
width: 74px;
margin-top: 35px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
float: left;
}
#menu2 {
height: 15px;
width: 52px;
float: left;
margin-top: 35px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 60px;
}
#menu3 {
height: 15px;
width: 67px;
float: left;
margin-top: 35px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 60px;
}
#menu4 {
height: 15px;
width: 53px;
float: left;
margin-top: 35px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 60px;
}
#menu5 {
height: 15px;
width: 53px;
margin-top: 35px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 60px;
clear: both;
}
#menu-swap {
width: 700px;
margin-top: auto;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 300px;
clear: none;
float: none;
}
body,td,th {
font-size: 12px;
color: #FFF;
}
#main {
height: auto;
width: 1160px;
clear: both;
margin-top: auto;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
padding: 0px;
}
#last {
width: 300px;
margin-top: 50px;
margin-right: auto;
margin-bottom: auto;
margin-left: 0px;
}
</style>
</head>
<body>
<div id="wrap">
<div id="menu"><img src=http://happyzone.findhappy.kr/images/top_logo.png></div>
<div id="menu-swap">
<div id="menu1"><img src="http://happyzone.findhappy.kr/images/top_menu_off_01.png"
onmouseover="this.src='http://happyzone.findhappy.kr/images/top_menu_on_01.png'"
onmouseout="this.src='http://happyzone.findhappy.kr/images/top_menu_off_01.png'" />
</div>
<div id="menu2"><img src=http://happyzone.findhappy.kr/images/top_menu_on_02.png /></div>
<div id="menu3"><img src=http://happyzone.findhappy.kr/images/top_menu_on_03.png /></div>
<div id="menu3"><img src=http://happyzone.findhappy.kr/images/top_menu_on_04.png /></div>
<div id="menu3"><img src=http://happyzone.findhappy.kr/images/top_menu_on_05.png /></div>
</div>
<div id="main">
<div id="dbT2">
<ul class="imgSet">
<li><img src="http://happyzone.findhappy.kr//images/1.png" alt=""/></a></li>
<li><img src="http://happyzone.findhappy.kr//images/2.png" alt=""/></a></li>
<li><img src="http://happyzone.findhappy.kr//images/3.png" alt=""/></a></li>
</ul>
<ul class="menuSet">
<table width="200" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td> <li><img src="http://happyzone.findhappy.kr//images//btn_off.gif"/></li><!--
--><li><img src="http://happyzone.findhappy.kr//images/btn_off.gif"/></li><!--
--><li><img src="http://happyzone.findhappy.kr//images/btn_off.gif"/></li></td>
</tr>
</table>
</ul>
</div>
</div>
<div id="last"><?
echo latest("ko_main", "notice", 3, 30); // basic 스킨으로 notice 라는 게시판을 출력합니다.
?></div>
</div>
</body>
</html>
댓글 전체
#menu-swap 에서
margin-bottom을 15px; 정도로 수정을 해보세요.
margin-bottom을 15px; 정도로 수정을 해보세요.