홈페이지 제작시 크롬과 익스가 다르게 보이는 현상 정보
홈페이지 제작시 크롬과 익스가 다르게 보이는 현상본문
오류가 나는곳의 주소를 알려주시면 더 빠르고 정확하게 답변 받을 수 있습니다.
오류 주소 : http://powerandpower.cafe24.com/p_main.php
<?
include_once("_common.php");
include_once("board/lib/latest.lib.php");
?>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<style type="text/css">
<!--
#apDiv3 {
position:absolute;
left:0px;
top:58px;
width:100%;
height:560px;
z-index:1;
visibility: visible;
}
#apDiv2 {
position:absolute;
left:0px;
top:60px;
width:100%;
height:250px;
z-index:999;
visibility: visible;
}
-->
</style>
</head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(function(){
var menupos = $("#apDiv2").offset().top;
$(window).scroll(function(){
if($(window).scrollTop() >= menupos) {
$("#apDiv2").css("position","fixed");
$("#apDiv2").css("top","0");
$('#top_mar').show();
}
});
});
</script>
<body topmargin="0" leftmargin="0" >
<div id="apDiv3" align="center">
<embed src="http://powerandpower.cafe24.com/swf/main_b.swf" width="100%" height="560" quality="high" wmode="transparent"></embed></div>
<table border="0" align="center" cellpadding="0" cellspacing="0">
<tr><td height="820" valign="bottom"><embed src="http://powerandpower.cafe24.com/swf/main_center.swf" width="1027" height="400" quality="high" wmode="transparent"></embed></td></tr><tr><td>
<table width="1027" height="510" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
<tr>
<td rowspan="13" width="13" height="509"> </td>
<td colspan="7" rowspan="4">
<img src="images/p_b_02.gif" width="312" height="320" alt=""></td>
<td colspan="3" rowspan="5" width="33" height="374"> </td>
<td colspan="5">
<img src="images/p_b_04.jpg" width="655" height="148" alt=""></td>
<td rowspan="13" width="14" height="509" > </td>
</tr>
<tr>
<td colspan="5" width="655" height="23"> </td>
</tr>
<tr>
<td colspan="5">
<img src="images/p_b_07.gif" width="655" height="5" alt=""></td>
</tr>
<tr>
<td colspan="4" valign="bottom">
<table width="97%" height="98%" border="0" cellpadding="0" cellspacing="0">
<tr><td width="305"><?=latest("line", 'NEWS_NOTICE', 4, 22)?></td>
</tr></table></td>
<td valign="bottom"><table width="97%" height="98%" border="0" cellpadding="0" cellspacing="0">
<tr><td width="305"><?=latest("line2", 'free_board', 4, 22)?></td>
</tr></table></td>
</tr>
<tr>
<td colspan="7" width="312" height="54"> </td>
<td colspan="5" width="655" height="54"> </td>
</tr>
<tr>
<td colspan="15">
<img src="images/p_b_12.gif" width="1000" height="11" alt=""></td>
</tr>
<tr>
<td colspan="15" width="1000" height="25"> </td>
</tr>
<tr>
<td>
<img src="images/p_b_14.gif" width="61" height="21" alt=""></td>
<td rowspan="2">
<img src="images/p_b_15.gif" width="6" height="34" alt=""></td>
<td>
<img src="images/p_b_16.gif" width="66" height="21" alt=""></td>
<td rowspan="2">
<img src="images/p_b_17.gif" width="8" height="34" alt=""></td>
<td>
<img src="images/p_b_18.gif" width="66" height="21" alt=""></td>
<td rowspan="2">
<img src="images/p_b_19.gif" width="10" height="34" alt=""></td>
<td colspan="2">
<img src="images/p_b_20.gif" width="107" height="21" alt=""></td>
<td rowspan="2">
<img src="images/p_b_21.gif" width="13" height="34" alt=""></td>
<td colspan="2">
<img src="images/p_b_22.gif" width="61" height="21" alt=""></td>
<td rowspan="2">
<img src="images/p_b_23.gif" width="17" height="34" alt=""></td>
<td>
<img src="images/p_b_24.gif" width="67" height="21" alt=""></td>
<td colspan="2" rowspan="6" width="518" height="99"> </td>
</tr>
<tr>
<td width="61" height="13"> </td>
<td width="66" height="13"> </td>
<td width="66" height="13"> </td>
<td colspan="2" width="107" height="13" > </td>
<td colspan="2" width="61" height="13" > </td>
<td rowspan="5" width="67" height="78"> </td>
</tr>
<tr>
<td colspan="12">
<img src="images/p_b_32.gif" width="415" height="34" alt=""></td>
</tr>
<tr>
<td colspan="12" width="415" height="10"> </td>
</tr>
<tr>
<td colspan="12">
<img src="images/p_b_34.jpg" width="415" height="20" alt=""></td>
</tr>
<tr>
<td colspan="12"width="415" height="1"> </td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="13" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="61" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="6" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="66" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="8" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="66" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="10" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="95" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="12" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="13" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="8" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="53" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="17" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="67" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="190" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="328" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="14" height="1" alt=""></td>
</tr>
</table>
</td></tr></table>
<div style="top:0px; left:0px; positon:absolute;" id="apDiv2" align="center">
<embed src="http://powerandpower.cafe24.com/swf/pp_menu_top.swf" width="100%" height="250" quality="high" wmode="transparent"></embed>
</div>
</div>
</body></html>
높이가 다르게 나와서 계속 고생중이네요 ㅠㅠ
어디가 잘못된걸까요
오류 주소 : http://powerandpower.cafe24.com/p_main.php
<?
include_once("_common.php");
include_once("board/lib/latest.lib.php");
?>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<style type="text/css">
<!--
#apDiv3 {
position:absolute;
left:0px;
top:58px;
width:100%;
height:560px;
z-index:1;
visibility: visible;
}
#apDiv2 {
position:absolute;
left:0px;
top:60px;
width:100%;
height:250px;
z-index:999;
visibility: visible;
}
-->
</style>
</head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(function(){
var menupos = $("#apDiv2").offset().top;
$(window).scroll(function(){
if($(window).scrollTop() >= menupos) {
$("#apDiv2").css("position","fixed");
$("#apDiv2").css("top","0");
$('#top_mar').show();
}
});
});
</script>
<body topmargin="0" leftmargin="0" >
<div id="apDiv3" align="center">
<embed src="http://powerandpower.cafe24.com/swf/main_b.swf" width="100%" height="560" quality="high" wmode="transparent"></embed></div>
<table border="0" align="center" cellpadding="0" cellspacing="0">
<tr><td height="820" valign="bottom"><embed src="http://powerandpower.cafe24.com/swf/main_center.swf" width="1027" height="400" quality="high" wmode="transparent"></embed></td></tr><tr><td>
<table width="1027" height="510" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
<tr>
<td rowspan="13" width="13" height="509"> </td>
<td colspan="7" rowspan="4">
<img src="images/p_b_02.gif" width="312" height="320" alt=""></td>
<td colspan="3" rowspan="5" width="33" height="374"> </td>
<td colspan="5">
<img src="images/p_b_04.jpg" width="655" height="148" alt=""></td>
<td rowspan="13" width="14" height="509" > </td>
</tr>
<tr>
<td colspan="5" width="655" height="23"> </td>
</tr>
<tr>
<td colspan="5">
<img src="images/p_b_07.gif" width="655" height="5" alt=""></td>
</tr>
<tr>
<td colspan="4" valign="bottom">
<table width="97%" height="98%" border="0" cellpadding="0" cellspacing="0">
<tr><td width="305"><?=latest("line", 'NEWS_NOTICE', 4, 22)?></td>
</tr></table></td>
<td valign="bottom"><table width="97%" height="98%" border="0" cellpadding="0" cellspacing="0">
<tr><td width="305"><?=latest("line2", 'free_board', 4, 22)?></td>
</tr></table></td>
</tr>
<tr>
<td colspan="7" width="312" height="54"> </td>
<td colspan="5" width="655" height="54"> </td>
</tr>
<tr>
<td colspan="15">
<img src="images/p_b_12.gif" width="1000" height="11" alt=""></td>
</tr>
<tr>
<td colspan="15" width="1000" height="25"> </td>
</tr>
<tr>
<td>
<img src="images/p_b_14.gif" width="61" height="21" alt=""></td>
<td rowspan="2">
<img src="images/p_b_15.gif" width="6" height="34" alt=""></td>
<td>
<img src="images/p_b_16.gif" width="66" height="21" alt=""></td>
<td rowspan="2">
<img src="images/p_b_17.gif" width="8" height="34" alt=""></td>
<td>
<img src="images/p_b_18.gif" width="66" height="21" alt=""></td>
<td rowspan="2">
<img src="images/p_b_19.gif" width="10" height="34" alt=""></td>
<td colspan="2">
<img src="images/p_b_20.gif" width="107" height="21" alt=""></td>
<td rowspan="2">
<img src="images/p_b_21.gif" width="13" height="34" alt=""></td>
<td colspan="2">
<img src="images/p_b_22.gif" width="61" height="21" alt=""></td>
<td rowspan="2">
<img src="images/p_b_23.gif" width="17" height="34" alt=""></td>
<td>
<img src="images/p_b_24.gif" width="67" height="21" alt=""></td>
<td colspan="2" rowspan="6" width="518" height="99"> </td>
</tr>
<tr>
<td width="61" height="13"> </td>
<td width="66" height="13"> </td>
<td width="66" height="13"> </td>
<td colspan="2" width="107" height="13" > </td>
<td colspan="2" width="61" height="13" > </td>
<td rowspan="5" width="67" height="78"> </td>
</tr>
<tr>
<td colspan="12">
<img src="images/p_b_32.gif" width="415" height="34" alt=""></td>
</tr>
<tr>
<td colspan="12" width="415" height="10"> </td>
</tr>
<tr>
<td colspan="12">
<img src="images/p_b_34.jpg" width="415" height="20" alt=""></td>
</tr>
<tr>
<td colspan="12"width="415" height="1"> </td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="13" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="61" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="6" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="66" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="8" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="66" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="10" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="95" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="12" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="13" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="8" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="53" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="17" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="67" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="190" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="328" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="14" height="1" alt=""></td>
</tr>
</table>
</td></tr></table>
<div style="top:0px; left:0px; positon:absolute;" id="apDiv2" align="center">
<embed src="http://powerandpower.cafe24.com/swf/pp_menu_top.swf" width="100%" height="250" quality="high" wmode="transparent"></embed>
</div>
</div>
</body></html>
높이가 다르게 나와서 계속 고생중이네요 ㅠㅠ
어디가 잘못된걸까요
댓글 전체
ie 8 에선 않나와요 ie 8쓰는데 테스트 해줄래도 않보여용 ㅠ
아나오네요 ㅋㅋ
네네 ㅠㅠ 잠시 안나왔을수도 있습니다 계속 수정이라 ㅠㅠ 높이가 다르네요 계속 ㅠ
무슨높이를 말씀하시는지요 ? 똑같이 나오는데요 ?
크롬에 경우 익스보다 테이블높이가 높아져서 나오다보니 위의 DIV 와 겹쳐지네요.. 익스는 10버젼입니다.
스크롤되면따라 다니는 메뉴 ? 이거말씀이세요 ? 이게 익스도따라가야된다는말씀인가요 ?
아님 크롬에서 저게 않따라 다녀야된다는 말씀인가요 -ㅅ- ?
아님 크롬에서 저게 않따라 다녀야된다는 말씀인가요 -ㅅ- ?
http://powerandpower.cafe24.com/33.jpg 요 파일처럼 SMART LIFE STYLE 요 텍스트 부분이 익스와 크롬과 다르게 나옵니다 시작 위치가ㅠ
http://powerandpower.cafe24.com/33.jpg <-- 요기처럼 보이네요 ㅠ
아 약간공간있는거 말씀이시죠 ? ;;
네네ㅠ 그부분이 안맞네요
어갑자기 고치신듯 ㅋ?
먼가실시간으로 변해요 ㅠ
아 저도 수정중인데.. 아직 안고쳐졌습니다 ㅠㅠㅠ 크롬이 이미지 자체가 작게 보이는듯도 하고 희안하네요 ㅡ.ㅡ;
근데 저부분을 꼭 테이블로 해야되나요 ;; ?
그냥 <div> 하나로 넣으면되지 않나요 - -?
그냥 <div> 하나로 넣으면되지 않나요 - -?
흠 포토샵에서 테이블로 짤라가지고 왔는데요.. 상단 2개 (메뉴 메인 )부분은 100%로 중앙정렬이 되어있어요.
하나로 넣는다는게 무슨말씀이신지 ㅠ
하나로 넣는다는게 무슨말씀이신지 ㅠ
테이블코딩을 오랜만에봐서 ;;;
ㅠㅠㅠㅠㅠ
새로짜주고싶다앙 ㅠㅠㅠㅠㅠㅠ
ㅠㅠㅠㅠㅠ
새로짜주고싶다앙 ㅠㅠㅠㅠㅠㅠ
^^;; 제가 좀 구식이라 최근에 바뀐 웹표준이나 div 코딩에 익숙치가 않네요 ㅠㅠ
일단저거 div3번 2번 앱솔루트 빼시구요 한번 수정해보세요
따라다니는 메뉴는 익스 8 에선 안대네용 @_@
릴렉티브를 주고 수정해보세요
따라다니는 메뉴는 익스 8 에선 안대네용 @_@
릴렉티브를 주고 수정해보세요
그리고 밑에 테이블 높이 820 된거 지우고요
수정하였습니다.. 에구 저때매 고생많으십니다 ㅠㅠ
문제가 어디서 꼬였는지 잘 모르겠지만.. 이미지 크기가 익스와 크롬이 다르게 보이네요 ㅡ,.ㅡ;; 분명히 크롬에서 더 작게 보이는듯합니다 ㅠ
문제가 어디서 꼬였는지 잘 모르겠지만.. 이미지 크기가 익스와 크롬이 다르게 보이네요 ㅡ,.ㅡ;; 분명히 크롬에서 더 작게 보이는듯합니다 ㅠ
ㅋㅋ 다행임돠~
나중에 시간되시면~ 웹표준 세미나 같은데 한번다녀오세요~
나중에 시간되시면~ 웹표준 세미나 같은데 한번다녀오세요~
시간내주셔서 감사합니다^^;; 원인은...사실
말씀드리리가 죄송할 정도인데.. 컨트롤 휠로 익스가 위치가 약간 변하였던것 같습니다. ㅡ0ㅡ
다음 네이버 크기 비교하니 익스가 크더군요 ㅠ
다음 네이버 크기 비교하니 익스가 크더군요 ㅠ
!?!?!?!?!?!!?
근데 이것도 문제네요 ㅎㅎ 컨트롤 휠로 브라우져가 축소, 확대될경우도 여백의 위치가 변해버리는군요 ㅎㅎ
본연적 문제는 제가 스스로 웹표준에 대해 공부좀 해야겠습니다 ㅠㅠ 간만에 사이트 제작을 하니 ㅠ_ㅠ 신경써주셔서 넘 감사드려요 ㅎㅎ