묻고답하기
헤더 옆으로 밀리는 이유좀..
2004.01.02 12:14
http://save0504.cafe24.com/homepage/main7.htmhttp://save0504.cafe24.com/homepage/main.htm메인 부분이 헤더 옆으로 밀리는 원인좀 찾아 주세요..
이 아래 소스는 header.php,main.php 파일입니다.
sitelink #1는 제가 고치고차 하는 부분입니다. (헤더,풋터 나누기 전꺼요..)
sitelink #2는 아래 main.htm 파일이요..-_-;
(헤더 파일 , header.php)
----------------------------------------------------------------------------------
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>제목 없음</title>
<meta name="generator" content="Namo WebEditor v6.0">
<script language="JavaScript">
</script>
<script language="JavaScript"><!--
</script>
<script language="JavaScript"><!--
function na_restore_img_src(name, nsdoc)
{
var img = eval((navigator.appName.indexOf('Netscape', 0) != -1) ? nsdoc+'.'+name : 'document.all.'+name);
if (name == '')
return;
if (img && img.altsrc) {
img.src = img.altsrc;
img.altsrc = null;
}
}
function na_preload_img()
{
var img_list = na_preload_img.arguments;
if (document.preloadlist == null)
document.preloadlist = new Array();
var top = document.preloadlist.length;
for (var i=0; i < img_list.length-1; i++) {
document.preloadlist[top+i] = new Image;
document.preloadlist[top+i].src = img_list[i+1];
}
}
function na_change_img_src(name, nsdoc, rpath, preload)
{
var img = eval((navigator.appName.indexOf('Netscape', 0) != -1) ? nsdoc+'.'+name : 'document.all.'+name);
if (name == '')
return;
if (img) {
img.altsrc = img.src;
img.src = rpath;
}
}
// -->
</script></head>
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" OnLoad="na_preload_img(false, 'img/button2/button1-2.gif', 'img/button2/button2-2.gif', 'img/button2/button3-2.gif', 'img/button2/button4-2.gif', 'img/button2/button5-2.gif');">
<table border="0" cellspacing="0" width="669" bordercolordark="white" bordercolorlight="black" align="center">
<tr>
<td width="6" height="19" background="img/body_img/body1.gif">
<p align="left"> </p>
</td>
<td width="651" height="19"> <p align="left"><img src="img/Top/images/Top2_1.gif" width="650" height="13" border="0"><img src="img/Top/images/Top2_2.gif" width="475" height="19" border="0"><img src="img/Top/images/Top2_3.gif" width="38" height="19" border="0"><img src="img/Top/images/Top2_4.gif" width="76" height="19" border="0"><img src="img/Top/images/Top2_5.gif" width="61" height="19" border="0"></p>
</td>
<td width="6" height="19" background="img/body_img/body2.gif">
<p align="left"> </p>
</td>
</tr>
<tr>
<td width="6" height="25" background="img/body_img/body1.gif"> </td>
<td width="651" height="25"><a href="#" OnMouseOut="na_restore_img_src('image1', 'document')" OnMouseOver="na_change_img_src('image1', 'document', 'img/button2/button1-2.gif', true)"><img src="img/button2/button1.gif" width="80" height="60" border="0" name="image1"></a><a href="#" OnMouseOut="na_restore_img_src('image2', 'document')" OnMouseOver="na_change_img_src('image2', 'document', 'img/button2/button2-2.gif', true)"><img src="img/button2/button2.gif" width="80" height="60" border="0" name="image2"></a><a href="#" OnMouseOut="na_restore_img_src('+ '+ 'image3', 'document')" OnMouseOver="na_change_img_src('image3', '+ 'document', 'img/button2/button3-2.gif', true)"><img src="img/button2/button3.gif" width="80" height="60" border="0" name="image3"></a><a href="#" OnMouseOut="na_restore_img_src('+ 'image4', 'document')" OnMouseOver="na_change_img_src('image4', '+ 'document'+ ', 'img/button2/button4-2.gif', true)"><img src="img/button2/button4.gif" width="80" height="60" border="0" name="image4"></a><a href="#" OnMouseOut="na_restore_img_src('image5', 'document')" OnMouseOver="na_change_img_src('image5', 'document', 'img/button2/button5-2.gif', true)"><img src="img/button2/button5.gif" width="80" height="60" border="0" name="image5"></a><img src="img/button2/button6.gif" width="250" height="60" border="0"></td>
<td width="6" height="25" background="img/body_img/body2.gif">
--------------------------------------------------------------------------------------------------------------
메인파일 (main.htm)
<? include "header.php" ?>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>제목 없음</title>
<meta name="generator" content="Namo WebEditor v6.0">
</head>
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0">
<table border="0" cellspacing="0" bordercolordark="white" bordercolorlight="black" width="669" align="center">
<tr>
<td width="6" background="img/body_img/body1.gif"> </td>
<td width="651"> </td>
<td width="6" background="img/body_img/body2.gif"> </td>
</tr>
</table>
</body>
</html>
풋터는 관련이 없어서 그냥 뺏습니다. 양해 바랍니다..
이 아래 소스는 header.php,main.php 파일입니다.
sitelink #1는 제가 고치고차 하는 부분입니다. (헤더,풋터 나누기 전꺼요..)
sitelink #2는 아래 main.htm 파일이요..-_-;
(헤더 파일 , header.php)
----------------------------------------------------------------------------------
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>제목 없음</title>
<meta name="generator" content="Namo WebEditor v6.0">
<script language="JavaScript">
</script>
<script language="JavaScript"><!--
</script>
<script language="JavaScript"><!--
function na_restore_img_src(name, nsdoc)
{
var img = eval((navigator.appName.indexOf('Netscape', 0) != -1) ? nsdoc+'.'+name : 'document.all.'+name);
if (name == '')
return;
if (img && img.altsrc) {
img.src = img.altsrc;
img.altsrc = null;
}
}
function na_preload_img()
{
var img_list = na_preload_img.arguments;
if (document.preloadlist == null)
document.preloadlist = new Array();
var top = document.preloadlist.length;
for (var i=0; i < img_list.length-1; i++) {
document.preloadlist[top+i] = new Image;
document.preloadlist[top+i].src = img_list[i+1];
}
}
function na_change_img_src(name, nsdoc, rpath, preload)
{
var img = eval((navigator.appName.indexOf('Netscape', 0) != -1) ? nsdoc+'.'+name : 'document.all.'+name);
if (name == '')
return;
if (img) {
img.altsrc = img.src;
img.src = rpath;
}
}
// -->
</script></head>
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" OnLoad="na_preload_img(false, 'img/button2/button1-2.gif', 'img/button2/button2-2.gif', 'img/button2/button3-2.gif', 'img/button2/button4-2.gif', 'img/button2/button5-2.gif');">
<table border="0" cellspacing="0" width="669" bordercolordark="white" bordercolorlight="black" align="center">
<tr>
<td width="6" height="19" background="img/body_img/body1.gif">
<p align="left"> </p>
</td>
<td width="651" height="19"> <p align="left"><img src="img/Top/images/Top2_1.gif" width="650" height="13" border="0"><img src="img/Top/images/Top2_2.gif" width="475" height="19" border="0"><img src="img/Top/images/Top2_3.gif" width="38" height="19" border="0"><img src="img/Top/images/Top2_4.gif" width="76" height="19" border="0"><img src="img/Top/images/Top2_5.gif" width="61" height="19" border="0"></p>
</td>
<td width="6" height="19" background="img/body_img/body2.gif">
<p align="left"> </p>
</td>
</tr>
<tr>
<td width="6" height="25" background="img/body_img/body1.gif"> </td>
<td width="651" height="25"><a href="#" OnMouseOut="na_restore_img_src('image1', 'document')" OnMouseOver="na_change_img_src('image1', 'document', 'img/button2/button1-2.gif', true)"><img src="img/button2/button1.gif" width="80" height="60" border="0" name="image1"></a><a href="#" OnMouseOut="na_restore_img_src('image2', 'document')" OnMouseOver="na_change_img_src('image2', 'document', 'img/button2/button2-2.gif', true)"><img src="img/button2/button2.gif" width="80" height="60" border="0" name="image2"></a><a href="#" OnMouseOut="na_restore_img_src('+ '+ 'image3', 'document')" OnMouseOver="na_change_img_src('image3', '+ 'document', 'img/button2/button3-2.gif', true)"><img src="img/button2/button3.gif" width="80" height="60" border="0" name="image3"></a><a href="#" OnMouseOut="na_restore_img_src('+ 'image4', 'document')" OnMouseOver="na_change_img_src('image4', '+ 'document'+ ', 'img/button2/button4-2.gif', true)"><img src="img/button2/button4.gif" width="80" height="60" border="0" name="image4"></a><a href="#" OnMouseOut="na_restore_img_src('image5', 'document')" OnMouseOver="na_change_img_src('image5', 'document', 'img/button2/button5-2.gif', true)"><img src="img/button2/button5.gif" width="80" height="60" border="0" name="image5"></a><img src="img/button2/button6.gif" width="250" height="60" border="0"></td>
<td width="6" height="25" background="img/body_img/body2.gif">
--------------------------------------------------------------------------------------------------------------
메인파일 (main.htm)
<? include "header.php" ?>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>제목 없음</title>
<meta name="generator" content="Namo WebEditor v6.0">
</head>
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0">
<table border="0" cellspacing="0" bordercolordark="white" bordercolorlight="black" width="669" align="center">
<tr>
<td width="6" background="img/body_img/body1.gif"> </td>
<td width="651"> </td>
<td width="6" background="img/body_img/body2.gif"> </td>
</tr>
</table>
</body>
</html>
풋터는 관련이 없어서 그냥 뺏습니다. 양해 바랍니다..
<td width="6" height="25" background="img/body_img/body1.gif"> </td>
<td width="651" height="25"><a href="#" OnMouseOut="na_restore_img_src('image1', 'document')" OnMouseOver="na_change_img_src('image1', 'document', 'img/button2/button1-2.gif', true)"><img src="img/button2/button1.gif" width="80" height="60" border="0" name="image1"></a><a href="#" OnMouseOut="na_restore_img_src('image2', 'document')" OnMouseOver="na_change_img_src('image2', 'document', 'img/button2/button2-2.gif', true)"><img src="img/button2/button2.gif" width="80" height="60" border="0" name="image2"></a><a href="#" OnMouseOut="na_restore_img_src('image3', 'document')" OnMouseOver="na_change_img_src('image3', 'document', 'img/button2/button3-2.gif', true)"><img src="img/button2/button3.gif" width="80" height="60" border="0" name="image3"></a><a href="#" OnMouseOut="na_restore_img_src('image4', 'document')" OnMouseOver="na_change_img_src('image4', 'document', 'img/button2/button4-2.gif', true)"><img src="img/button2/button4.gif" width="80" height="60" border="0" name="image4"></a><a href="#" OnMouseOut="na_restore_img_src('image5', 'document')" OnMouseOver="na_change_img_src('image5', 'document', 'img/button2/button5-2.gif', true)"><img src="img/button2/button5.gif" width="80" height="60" border="0" name="image5"></a><img src="img/button2/button6.gif" width="250" height="60" border="0"></td>
<td width="6" height="25" background="img/body_img/body2.gif"><html>
<!-- ★★★이 부분을 잘 보세요 ★★★ 뭔가 이상하죠? -->
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>제목 없음</title>
<meta name="generator" content="Namo WebEditor v6.0">
</head>
-------------------------------------------------
그래서 위에 써놓은 메인을 보면,
<? include "header.php" ?>
<!-- 이 부분을요 메모장이나 에디터로 열어서★★★★★★★★★
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>제목 없음</title>
<meta name="generator" content="Namo WebEditor v6.0">
</head>
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0">
★★★★★★★지워 보세요. 지울 땐 나모 쓰지 마세요-->
<table border="0" cellspacing="0" bordercolordark="white" bordercolorlight="black" width="669" align="center">
<tr>
<td width="6" background="img/body_img/body1.gif"> </td>
<td width="651"> </td>
<td width="6" background="img/body_img/body2.gif"> </td>
</tr>
</table>
<!-- 그리고 한 줄을 더 추가해보세요 -->
</table>
<!-- 이 부분 -->
</body>
</html>
---------------------------------------------------
헤더 끝부분에는 </td>로 닫구요.
저도 초보라 장담은 못하구요. 한가할때 한번 해보세요.