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>
댓글 1개
Sulli
13년 전
#menu-swap 에서
margin-bottom을 15px; 정도로 수정을 해보세요.
margin-bottom을 15px; 정도로 수정을 해보세요.
게시판 목록
그누4 질문답변
그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.
기존 게시물은 열람만 가능합니다.
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 66394 | 11년 전 | 2274 | ||
| 66393 | 11년 전 | 3562 | ||
| 66392 |
열라뽕똬이
|
11년 전 | 2896 | |
| 66391 |
켠김에PHP
|
11년 전 | 2346 | |
| 66390 | 11년 전 | 2216 | ||
| 66389 | 11년 전 | 2834 | ||
| 66388 | 11년 전 | 2655 | ||
| 66387 | 11년 전 | 3215 | ||
| 66386 | 11년 전 | 2478 | ||
| 66385 |
alexseo
|
11년 전 | 3471 | |
| 66384 | 11년 전 | 3251 | ||
| 66383 | 11년 전 | 2564 | ||
| 66382 |
alexseo
|
11년 전 | 2765 | |
| 66381 | 11년 전 | 2240 | ||
| 66380 | 11년 전 | 2149 | ||
| 66379 | 11년 전 | 4170 | ||
| 66378 |
하프의정령
|
11년 전 | 2364 | |
| 66377 | 11년 전 | 2416 | ||
| 66376 | 11년 전 | 3225 | ||
| 66375 |
hmklife
|
11년 전 | 3613 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기