홈페이지가 오른쪽으로 붙었어요....
본문
hk21.co.kr
왜 그럴까요?
도움 부탁드립니다.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>▒▒ (주)기흥디아이 ▒▒</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<script language="JavaScript" src="include/makeflash.js"></script>
<link href="include/style.css" rel="stylesheet" type="text/css">
<script language="JavaScript" type="text/JavaScript">
<!--
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<script>
function getCookie( name ){
var nameOfCookie = name + "=";
var x = 0;
while ( x <= document.cookie.length )
{
var y = (x+nameOfCookie.length);
if ( document.cookie.substring( x, y ) == nameOfCookie ) {
if ( (endOfCookie=document.cookie.indexOf( ";", y )) == -1 )
endOfCookie = document.cookie.length;
return unescape( document.cookie.substring( y, endOfCookie ) );
}
x = document.cookie.indexOf( " ", x ) + 1;
if ( x == 0 )
break;
}
return "";
}
//if ( getCookie( "pop01" ) != "done" ) {
//window.open ("./popup/pop01.html","","top=0,left=0, width=517, height=309");
//}
//if ( getCookie( "pop03" ) != "done" ) {
//window.open ("/popup/pop03.html","","top=0,left=200, width=368, height=510");
//}
</script>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" style="overflow-y:scroll; overflow-x:hidden; background-image:url(main_img/main_bg.gif); background-repeat:repeat-x" onLoad="MM_preloadImages('main_img/mainimg28_tton.jpg','main_img/mainimg30_tton.jpg','main_img/mainimg32_tton.jpg','main_img/mainimg3002_tton.jpg','main_img/news01button.jpg','main_img/news02button.jpg')" onContextMenu="return false;" >
<tr>
<td> </td>
</tr>
<tr>
<td><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td align="center" valign="top"> <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td valign="middle"> <table width="2400" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td> <div style="Z-INDEX: 1; WIDTH: 2400px; left:expression(document.body.clientWidth/2-1200); POSITION:absolute; top:expression; TOP: 0px">
<table width="2400" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="top" style="background-image:url(main_img/maintop-bg.jpg); background-repeat:repeat-x"><table width="1200" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="top"><script language="javascript">
fla('menu.swf',1200,105, 'wmode@transparent'); </script>
</td>
<td><table width="411" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top"><img name="mainimg03" src="main_img/mainimg03.jpg" width="411" height="61" border="0" id="mainimg03" alt="" /></td>
</tr>
<tr>
<td valign="top"><a href="0202business.html"><img name="mainimg05" src="main_img/anigif.gif" width="411" height="154" border="0" id="mainimg05" alt="" /></a></td>
</tr>
<tr>
<td valign="top"><a href="03product.html"><img name="mainimg07" src="main_img/mainimg07.jpg" width="411" height="170" border="0" id="mainimg07" alt="" /></a></td>
</tr>
<tr>
<td valign="top"><table width="411" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="01about.html"><img name="mainimg08" src="main_img/mainimg08.jpg" width="208" height="147" border="0" id="mainimg08" alt="" /></a></td>
<td><a href="01about04.html"><img name="mainimg09" src="main_img/mainimg09.jpg" width="203" height="147" border="0" id="mainimg09" alt="" /></a></td>
</tr>
</table></td>
</tr>
</table></td><!--
<td><img name="mainimg04" src="main_img/mainimg04.jpg" width="98" height="61" border="0" id="mainimg04" alt="" /></td> -->
</tr>
</table></td>
</tr>
<tr>
<td align="center" valign="top">
<? include("foot.php")?>
</td>
</tr>
</table></td>
</tr>
</table>
</div></td>
</tr>
</table></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</body>
</html>
답변 4
문의주실때는 내용을 보게 해주시기 위해서는
body 에 oncontextmenu="return false;" 부부을 제거해 주셔야 내용을 확인하기 편합니다.
전체 길이를 2400으로 잡으셔서 내용을 중앙에 놓아서 모니터가 2400 이하는 오른쪽으로 쏠립니다.
해결 방법1 :
해당 내용 테이블을
밖으로 빼신다음 <div style="position:absolute;margin-left:-600px;top:0;left:50%;"> 안에 넣으시는 방법과
해결방법2
head 부분에
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
를 넣어 주시고
해당 내용 테이블에
id="main_content" 를 넣어 주시고
해당 스크립트를 넣어 주시면 됩니다.
<script type="text/javascript">
<!--
jQuery(document).ready(function(){
window_width=jQuery(window).width();
var left_margin =parseInt((2400-window_width)/2)*-1;
jQuery("#main_content").css({"margin-left":left_margin});
});
//-->
</script>
width 값이 2400으로되어 있는곳이 3군데 있네요.
width 값만 없애도 왼쪽으로 붙습니다.
body > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > div > table
이 부분에 테이블 width 값이 2400으로 되어 있어 그런 것 같습니다 :)
한번 수정해 보시는 것도 좋을 것 같아요
감사합니다.
고맙습니다.
