묻고답하기
레이어를 이용한 메뉴 문제...
2003.06.21 16:55
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title></title>
<!-- 오른쪽 메뉴-->
<style type="text/css">
<!--
.rightmenu {position:absolute; border:1 solid #000000; background:#FFFFFF url(kissofgod.gif) no-repeat 15 50%; width:120; cursor:hand; visibility:hidden}
.menuitems {font-family:굴림; font-size:9pt; color:#333333; text-align:left; padding-right:10; padding-left:30; line-height:150%}
-->
</style>
<script language="JavaScript1.2">
<!--
<!--
var menuskin = "rightmenu";
var display_url = 0;
function showmenuie5() {
var rightedge = document.body.clientWidth-event.clientX;
var bottomedge = document.body.clientHeight-event.clientY;
if (rightedge < ie5menu.offsetWidth)
ie5menu.style.left = document.body.scrollLeft + event.clientX - ie5menu.offsetWidth;
else
ie5menu.style.left = document.body.scrollLeft + event.clientX;
if (bottomedge < ie5menu.offsetHeight)
ie5menu.style.top = document.body.scrollTop + event.clientY - ie5menu.offsetHeight;
else
ie5menu.style.top = document.body.scrollTop + event.clientY;
ie5menu.style.visibility = "visible";
return false;
}
function hidemenuie5() {
ie5menu.style.visibility = "hidden";
}
function highlightie5() {
if (event.srcElement.className == "menuitems") {
event.srcElement.style.backgroundColor = "#94AAD6";
event.srcElement.style.color = "#FFFFFF";
if (display_url)
window.status = event.srcElement.url;
}
}
function lowlightie5() {
if (event.srcElement.className == "menuitems") {
event.srcElement.style.backgroundColor = "";
event.srcElement.style.color = "";
window.status = "";
}
}
function jumptoie5() {
if (event.srcElement.className == "menuitems") {
if (event.srcElement.getAttribute("target") != null)
window.open(event.srcElement.url, event.srcElement.getAttribute("target"));
else
window.location = event.srcElement.url;
}
}
// -->
<!--오른쪽메뉴끝-->
<!-- 부메뉴 스크립트 -->
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_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
<!-- 부메뉴 스크립트 끝 -->
</style>
</head>
<body background="/images/bg.gif">
<!-- 부 메 뉴 시 작-->
<div id="layer1" style="position:absolute; left:810; top:310; visibility:hidden; width:350; z-index:4; height:32">
<table width="350" align="center">
<tr>
<td width="70" height="30"><a href="http://www.damsari.net/bbs/zboard.php?id=photo1" onfocus='blur()' target="mainFrame"><img src="/images/m1-1.gif" width="70" height="30" border="0"></a></td>
<td width="70" height="30"><a href="http://www.damsari.net/bbs/zboard.php?id=photo4" onfocus='blur()' target="mainFrame"><img src="/images/m1-2.gif" width="70" height="30" border="0"></a></td>
<td width="70" height="30"><a href="http://www.damsari.net/bbs/zboard.php?id=photo3" onfocus='blur()' target="mainFrame"><img src="/images/m1-3.gif" width="70" height="30" border="0"></a></td>
<td width="70" height="30"><a href="http://www.damsari.net/bbs/zboard.php?id=photo2" onfocus='blur()' target="mainFrame"><img src="/images/m1-4.gif" width="70" height="30" border="0"></a></td>
<td width="70" height="30"><a href="http://www.damsari.net/bbs/zboard.php?id=phptp6" onfocus='blur()' target="mainFrame"><img src="/images/m1-5.gif" width="70" height="30" border="0"></a></td>
</tr>
</table>
</div>
<div id="layer2" style="position:absolute; left:880; top:310; visibility:hidden; width:210; z-index:3; height:32">
<table width="210" align="center">
<tr>
<td width="70" height="30"><a href="http://www.damsari.net/bbs/zboard.php?id=study2" onfocus='blur()' target="mainFrame"><img src="/images/m2-1.gif" width="70" height="30" border="0"></a></td>
<td width="70" height="30"><a href="http://www.damsari.net/bbs/zboard.php?id=study" onfocus='blur()' target="mainFrame"><img src="/images/m2-2.gif" width="70" height="30" border="0"></a></td>
<td width="70" height="30"><a href="http://www.damsari.net/bbs/zboard.php?id=qna" onfocus='blur()' target="mainFrame"><img src="/images/m2-3.gif" width="70" height="30" border="0"></a></td>
</tr>
</table>
</div>
<div id="layer3" style="position:absolute; left:970; top:310; visibility:hidden; width:145; z-index:2; height:32">
<table width="140" height="30">
<tr>
<td width="70" height="30"><a href="http://www.damsari.net/bbs/zboard.php?id=thinking" onfocus='blur()' target="mainFrame"><img src="/images/m4-1.gif" border="0"></a></td>
<td width="70" height="30"><a href="http://www.damsari.net/bbs/zboard.php?id=say" onfocus='blur()' target="mainFrame"><img src="/images/m4-2.gif" border="0"></a></td>
</tr>
</table>
</div>
<div id="layer4" style="position:absolute; left:1040; top:310; visibility:hidden; width:145px; z-index:1; height:32">
<table width="140" height="30" align="center">
<tr>
<td width="70" height="30"><a href="http://www.damsari.net/bbs/zboard.php?id=news" onfocus='blur()' target="mainFrame"><img src="/images/m5-1.gif" width="70" height="30" border="0"></a></td>
<td width="70" height="30"><a href="http://www.damsari.net/bbs/zboard.php?id=memo" onfocus='blur()' target="mainFrame"><img src="/images/m5-2.gif" width="70" height="30" border="0"></a></td>
</tr>
</table>
</div>
<!-- 부 메 뉴 끝 -->
<!-- 메인 테이블 -->
<table width="950" height="700" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="75"> </td>
<td width="800"><table width="800" height="700" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="50" height="50" background="/images/3_r1_c1.gif"> </td>
<!-- 로 그 인-->
<td width="700" height="50" valign="middle" background="/images/3_r1_c2.gif"><div align="center"><?print_outlogin("fb","1","10")?></div>
</td>
<td width="50" height="50" background="/images/3_r1_c3.gif"> </td>
</tr>
<tr background="/images/3_r2_c1.gif">
<td height="600" background="/images/3_r2_c1.gif"></td>
<td width="700" height="600" valign="top" background="/images/3_r2_c2.gif"><div align="center">
<table width="700" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="50" colspan="2"><table width="700" border="0" cellspacing="0" cellpadding="0">
<tr>
<!-- 메뉴의 new 표시되는곳 -->
<td width="70" height="17"> </td>
<td height="17"> </td>
<td height="17"> </td>
<td height="17"> </td>
<td height="17"><div align="center">
<? ShowNewIconOnlyOne(nowjojo(photo1)|nowjojo(photo4)|nowjojo(photo3)|nowjojo(photo2)|nowjojo(photo6)); ?>
</div>
</td>
<td height="17"><div align="center">
<? ShowNewIconOnlyOne(nowjojo(study)|nowjojo(qna)|nowjojo(study2)); ?>
</div>
</td>
<td height="17"><div align="center">
<? ShowNewIconOnlyOne(nowjojo(movie)); ?>
</div>
</td>
<td height="17"><div align="center">
<? ShowNewIconOnlyOne(nowjojo(say)|nowjojo(thinking)); ?>
</div>
</td>
<td height="17"><div align="center">
<? ShowNewIconOnlyOne(nowjojo(memo)|nowjojo(news)); ?>
</div>
</td>
<td height="17"><div align="center"></div>
</td>
</tr>
<!-- 메뉴 -->
<tr>
<td height="30"><div align="center"><a href="/bottom.htm" target="_self"><img src="/images/home.gif" width="36" height="29" border="0"></a></div>
</td>
<td height="30"><img src="/images/m0.gif" width="70" height="30"></td>
<td height="30"><img src="/images/m0.gif" width="70" height="30"></td>
<td height="30"><img src="/images/m0.gif" width="70" height="30"></td>
<td height="30"><span onMouseOver="MM_showHideLayers('layer1','','show','layer2','','hide','layer3',''+ '+ ','hide','layer4','','hide')" style="cursor:hand"><img src="/images/m1.gif" width="70" height="30"></span></td>
<td height="30"><span onMouseOver="MM_showHideLayers('layer1','','hide','layer2','','show','layer3','','hide','layer4','','hide')" style="cursor:hand"><img src="/images/m2.gif" width="70" height="30"></span></td>
<td height="30"><span onMouseOver="MM_showHideLayers('layer1','','hide','+ 'layer2','','hide','layer3','','hide','layer4','','hide')" style="cursor:hand"><a href="http://www.damsari.net/bbs/zboard.php?id=movie" target="mainFrame"><img src="/images/m3.gif" width="70" height="30" border="0"></a></span></td>
<td height="30"><span onMouseOver="MM_showHideLayers('layer1'+ ','','hide','layer2','','hide','layer3',''+ ','show','layer4','','hide')" style="cursor:hand"><img src="/images/m4.gif" width="70" height="30"></span></td>
<td height="30"><span onMouseOver="MM_showHideLayers('layer1','','hide','layer2','','hide','layer3','','hide','layer4','','show')" style="cursor:hand"><img src="/images/m5.gif" width="70" height="30"></span></td>
<td height="30"><span onMouseOver="MM_showHideLayers('layer1','','hide','+ 'layer2','','hide','layer3','','hide','layer4','','hide')" style="cursor:hand"><a href="http://www.damsari.net/bbs/zboard.php?id=friend" onFocus='blur()' target="mainFrame"><img src="/images/m6.gif" width="70" height="30" border="0"></a></span></td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="30" colspan="2"> </td>
</tr>
<tr>
<td height="10" colspan="2"></td>
</tr>
<tr>
<td width="350" height="240" valign="top"><div align="left"><?print_bbs("late/bbs/blue","알 림 장","memo",6,30)?></div>
</td>
<td width="350" height="240" valign="top"><div align="left"><?print_bbs("late/bbs/blue","수 다 방","say",6,25)?></div>
</td>
</tr>
<tr>
<td height="135" colspan="2" valign="top"><div align="left"><?print_gallery("late/gallery/blue","풀꽃내음","photo1",5,127,100,5)?></div>
</td>
</tr>
<tr>
<td height="135" colspan="2" valign="top"><div align="left"><?print_gallery("late/gallery/blue","자랑하기","photo3",5,127,100,5)?></div>
</td>
</tr>
</table>
</div>
</td>
<td height="600" background="/images/3_r2_c3.gif"> </td>
</tr>
<tr>
<td width="50" height="50" background="/images/3_r3_c1.gif"> </td>
<td width="700" height="50" background="/images/3_r3_c2.gif"><div align="center">
<p><font size="2" face="굴림체">Copyright © 2003 by<strong> 버섯돌이</strong> All
rights reserved.</font> <a href="mailto:mushroom@damsari.net" onFocus='blur()'><img src="/images/mail.gif" width="32" height="20" border="0"></a> <strong><font size="-1">(<a href="/mail.htm" target="_blank">이메일
무단 수집거부</a>)</font></strong></p>
</div>
</td>
<td width="50" height="50" background="/images/3_r3_c3.gif"> </td>
</tr>
</table></td>
<td width="75"> </td>
</tr>
</table>
<!--오른쪽메뉴-->
<div id="ie5menu" onMouseover="highlightie5()" onMouseout="lowlightie5()" onClick="jumptoie5();">
<div class="menuitems" url="main.htm">집으로</div>
<div class="menuitems" url="mailto:mushroom@damsari.net">편지쓰기</div>
<div class="menuitems" url="javascript:history.back();">뒤로가기</div>
</div>
<!--오른쪽 메뉴끝-->
<!-------- 로그인 하지 않은 상태라면 로그인 박스에 포커스를 주도록 하는 스크립트 입니다 ------->
<script language="javascript">
<!--
if (document.forms['zb_login'] !=null) {
document.zb_login.user_id.focus();
}
//-->
</script>
<!------------------------- 여기까지 ------------------------------------>
</body>
<!--오른쪽메뉴-->
<script language="JavaScript1.2">
<!--
if (document.all && window.print) {
ie5menu.className = menuskin;
document.oncontextmenu = showmenuie5;
document.body.onclick = hidemenuie5;
}
// -->
</script>
<!-- 오른쪽메뉴끝-->
</html>
-----------------------------------------------------------------------------------------------------
위의 소스대로 홈페이지를 만들었습니다. (노프레임)
부메뉴를 레이어를 이용해서 나타내었는데 위 원본 소스로 된 웹페이지에서는 부메뉴가 들어간 레이어가
모니터의 좌측 상단에 고정이 되어버립니다. 아무리 레이어 위치 지정하는 수치를 늘려도 항상 그자리 입니다.
그런데 위의 소스로 헤더와 푸터를 나누어 게시판에 적용을 시키면 그 페이지에서는 제자리에 제대로 나옵니다.
여기저기 찾아보고 머리를 굴려도 당체 실마리가 보이지 않네요.
어디가 문제여서 위소스가 적용된 첫페이지 레이어만 제자리를 찾지 못하는 것인가요?
고수님들... 부탁드립니다.TT
<html>
<head>
<title></title>
<!-- 오른쪽 메뉴-->
<style type="text/css">
<!--
.rightmenu {position:absolute; border:1 solid #000000; background:#FFFFFF url(kissofgod.gif) no-repeat 15 50%; width:120; cursor:hand; visibility:hidden}
.menuitems {font-family:굴림; font-size:9pt; color:#333333; text-align:left; padding-right:10; padding-left:30; line-height:150%}
-->
</style>
<script language="JavaScript1.2">
<!--
<!--
var menuskin = "rightmenu";
var display_url = 0;
function showmenuie5() {
var rightedge = document.body.clientWidth-event.clientX;
var bottomedge = document.body.clientHeight-event.clientY;
if (rightedge < ie5menu.offsetWidth)
ie5menu.style.left = document.body.scrollLeft + event.clientX - ie5menu.offsetWidth;
else
ie5menu.style.left = document.body.scrollLeft + event.clientX;
if (bottomedge < ie5menu.offsetHeight)
ie5menu.style.top = document.body.scrollTop + event.clientY - ie5menu.offsetHeight;
else
ie5menu.style.top = document.body.scrollTop + event.clientY;
ie5menu.style.visibility = "visible";
return false;
}
function hidemenuie5() {
ie5menu.style.visibility = "hidden";
}
function highlightie5() {
if (event.srcElement.className == "menuitems") {
event.srcElement.style.backgroundColor = "#94AAD6";
event.srcElement.style.color = "#FFFFFF";
if (display_url)
window.status = event.srcElement.url;
}
}
function lowlightie5() {
if (event.srcElement.className == "menuitems") {
event.srcElement.style.backgroundColor = "";
event.srcElement.style.color = "";
window.status = "";
}
}
function jumptoie5() {
if (event.srcElement.className == "menuitems") {
if (event.srcElement.getAttribute("target") != null)
window.open(event.srcElement.url, event.srcElement.getAttribute("target"));
else
window.location = event.srcElement.url;
}
}
// -->
<!--오른쪽메뉴끝-->
<!-- 부메뉴 스크립트 -->
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_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
<!-- 부메뉴 스크립트 끝 -->
</style>
</head>
<body background="/images/bg.gif">
<!-- 부 메 뉴 시 작-->
<div id="layer1" style="position:absolute; left:810; top:310; visibility:hidden; width:350; z-index:4; height:32">
<table width="350" align="center">
<tr>
<td width="70" height="30"><a href="http://www.damsari.net/bbs/zboard.php?id=photo1" onfocus='blur()' target="mainFrame"><img src="/images/m1-1.gif" width="70" height="30" border="0"></a></td>
<td width="70" height="30"><a href="http://www.damsari.net/bbs/zboard.php?id=photo4" onfocus='blur()' target="mainFrame"><img src="/images/m1-2.gif" width="70" height="30" border="0"></a></td>
<td width="70" height="30"><a href="http://www.damsari.net/bbs/zboard.php?id=photo3" onfocus='blur()' target="mainFrame"><img src="/images/m1-3.gif" width="70" height="30" border="0"></a></td>
<td width="70" height="30"><a href="http://www.damsari.net/bbs/zboard.php?id=photo2" onfocus='blur()' target="mainFrame"><img src="/images/m1-4.gif" width="70" height="30" border="0"></a></td>
<td width="70" height="30"><a href="http://www.damsari.net/bbs/zboard.php?id=phptp6" onfocus='blur()' target="mainFrame"><img src="/images/m1-5.gif" width="70" height="30" border="0"></a></td>
</tr>
</table>
</div>
<div id="layer2" style="position:absolute; left:880; top:310; visibility:hidden; width:210; z-index:3; height:32">
<table width="210" align="center">
<tr>
<td width="70" height="30"><a href="http://www.damsari.net/bbs/zboard.php?id=study2" onfocus='blur()' target="mainFrame"><img src="/images/m2-1.gif" width="70" height="30" border="0"></a></td>
<td width="70" height="30"><a href="http://www.damsari.net/bbs/zboard.php?id=study" onfocus='blur()' target="mainFrame"><img src="/images/m2-2.gif" width="70" height="30" border="0"></a></td>
<td width="70" height="30"><a href="http://www.damsari.net/bbs/zboard.php?id=qna" onfocus='blur()' target="mainFrame"><img src="/images/m2-3.gif" width="70" height="30" border="0"></a></td>
</tr>
</table>
</div>
<div id="layer3" style="position:absolute; left:970; top:310; visibility:hidden; width:145; z-index:2; height:32">
<table width="140" height="30">
<tr>
<td width="70" height="30"><a href="http://www.damsari.net/bbs/zboard.php?id=thinking" onfocus='blur()' target="mainFrame"><img src="/images/m4-1.gif" border="0"></a></td>
<td width="70" height="30"><a href="http://www.damsari.net/bbs/zboard.php?id=say" onfocus='blur()' target="mainFrame"><img src="/images/m4-2.gif" border="0"></a></td>
</tr>
</table>
</div>
<div id="layer4" style="position:absolute; left:1040; top:310; visibility:hidden; width:145px; z-index:1; height:32">
<table width="140" height="30" align="center">
<tr>
<td width="70" height="30"><a href="http://www.damsari.net/bbs/zboard.php?id=news" onfocus='blur()' target="mainFrame"><img src="/images/m5-1.gif" width="70" height="30" border="0"></a></td>
<td width="70" height="30"><a href="http://www.damsari.net/bbs/zboard.php?id=memo" onfocus='blur()' target="mainFrame"><img src="/images/m5-2.gif" width="70" height="30" border="0"></a></td>
</tr>
</table>
</div>
<!-- 부 메 뉴 끝 -->
<!-- 메인 테이블 -->
<table width="950" height="700" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="75"> </td>
<td width="800"><table width="800" height="700" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="50" height="50" background="/images/3_r1_c1.gif"> </td>
<!-- 로 그 인-->
<td width="700" height="50" valign="middle" background="/images/3_r1_c2.gif"><div align="center"><?print_outlogin("fb","1","10")?></div>
</td>
<td width="50" height="50" background="/images/3_r1_c3.gif"> </td>
</tr>
<tr background="/images/3_r2_c1.gif">
<td height="600" background="/images/3_r2_c1.gif"></td>
<td width="700" height="600" valign="top" background="/images/3_r2_c2.gif"><div align="center">
<table width="700" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="50" colspan="2"><table width="700" border="0" cellspacing="0" cellpadding="0">
<tr>
<!-- 메뉴의 new 표시되는곳 -->
<td width="70" height="17"> </td>
<td height="17"> </td>
<td height="17"> </td>
<td height="17"> </td>
<td height="17"><div align="center">
<? ShowNewIconOnlyOne(nowjojo(photo1)|nowjojo(photo4)|nowjojo(photo3)|nowjojo(photo2)|nowjojo(photo6)); ?>
</div>
</td>
<td height="17"><div align="center">
<? ShowNewIconOnlyOne(nowjojo(study)|nowjojo(qna)|nowjojo(study2)); ?>
</div>
</td>
<td height="17"><div align="center">
<? ShowNewIconOnlyOne(nowjojo(movie)); ?>
</div>
</td>
<td height="17"><div align="center">
<? ShowNewIconOnlyOne(nowjojo(say)|nowjojo(thinking)); ?>
</div>
</td>
<td height="17"><div align="center">
<? ShowNewIconOnlyOne(nowjojo(memo)|nowjojo(news)); ?>
</div>
</td>
<td height="17"><div align="center"></div>
</td>
</tr>
<!-- 메뉴 -->
<tr>
<td height="30"><div align="center"><a href="/bottom.htm" target="_self"><img src="/images/home.gif" width="36" height="29" border="0"></a></div>
</td>
<td height="30"><img src="/images/m0.gif" width="70" height="30"></td>
<td height="30"><img src="/images/m0.gif" width="70" height="30"></td>
<td height="30"><img src="/images/m0.gif" width="70" height="30"></td>
<td height="30"><span onMouseOver="MM_showHideLayers('layer1','','show','layer2','','hide','layer3',''+ '+ ','hide','layer4','','hide')" style="cursor:hand"><img src="/images/m1.gif" width="70" height="30"></span></td>
<td height="30"><span onMouseOver="MM_showHideLayers('layer1','','hide','layer2','','show','layer3','','hide','layer4','','hide')" style="cursor:hand"><img src="/images/m2.gif" width="70" height="30"></span></td>
<td height="30"><span onMouseOver="MM_showHideLayers('layer1','','hide','+ 'layer2','','hide','layer3','','hide','layer4','','hide')" style="cursor:hand"><a href="http://www.damsari.net/bbs/zboard.php?id=movie" target="mainFrame"><img src="/images/m3.gif" width="70" height="30" border="0"></a></span></td>
<td height="30"><span onMouseOver="MM_showHideLayers('layer1'+ ','','hide','layer2','','hide','layer3',''+ ','show','layer4','','hide')" style="cursor:hand"><img src="/images/m4.gif" width="70" height="30"></span></td>
<td height="30"><span onMouseOver="MM_showHideLayers('layer1','','hide','layer2','','hide','layer3','','hide','layer4','','show')" style="cursor:hand"><img src="/images/m5.gif" width="70" height="30"></span></td>
<td height="30"><span onMouseOver="MM_showHideLayers('layer1','','hide','+ 'layer2','','hide','layer3','','hide','layer4','','hide')" style="cursor:hand"><a href="http://www.damsari.net/bbs/zboard.php?id=friend" onFocus='blur()' target="mainFrame"><img src="/images/m6.gif" width="70" height="30" border="0"></a></span></td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="30" colspan="2"> </td>
</tr>
<tr>
<td height="10" colspan="2"></td>
</tr>
<tr>
<td width="350" height="240" valign="top"><div align="left"><?print_bbs("late/bbs/blue","알 림 장","memo",6,30)?></div>
</td>
<td width="350" height="240" valign="top"><div align="left"><?print_bbs("late/bbs/blue","수 다 방","say",6,25)?></div>
</td>
</tr>
<tr>
<td height="135" colspan="2" valign="top"><div align="left"><?print_gallery("late/gallery/blue","풀꽃내음","photo1",5,127,100,5)?></div>
</td>
</tr>
<tr>
<td height="135" colspan="2" valign="top"><div align="left"><?print_gallery("late/gallery/blue","자랑하기","photo3",5,127,100,5)?></div>
</td>
</tr>
</table>
</div>
</td>
<td height="600" background="/images/3_r2_c3.gif"> </td>
</tr>
<tr>
<td width="50" height="50" background="/images/3_r3_c1.gif"> </td>
<td width="700" height="50" background="/images/3_r3_c2.gif"><div align="center">
<p><font size="2" face="굴림체">Copyright © 2003 by<strong> 버섯돌이</strong> All
rights reserved.</font> <a href="mailto:mushroom@damsari.net" onFocus='blur()'><img src="/images/mail.gif" width="32" height="20" border="0"></a> <strong><font size="-1">(<a href="/mail.htm" target="_blank">이메일
무단 수집거부</a>)</font></strong></p>
</div>
</td>
<td width="50" height="50" background="/images/3_r3_c3.gif"> </td>
</tr>
</table></td>
<td width="75"> </td>
</tr>
</table>
<!--오른쪽메뉴-->
<div id="ie5menu" onMouseover="highlightie5()" onMouseout="lowlightie5()" onClick="jumptoie5();">
<div class="menuitems" url="main.htm">집으로</div>
<div class="menuitems" url="mailto:mushroom@damsari.net">편지쓰기</div>
<div class="menuitems" url="javascript:history.back();">뒤로가기</div>
</div>
<!--오른쪽 메뉴끝-->
<!-------- 로그인 하지 않은 상태라면 로그인 박스에 포커스를 주도록 하는 스크립트 입니다 ------->
<script language="javascript">
<!--
if (document.forms['zb_login'] !=null) {
document.zb_login.user_id.focus();
}
//-->
</script>
<!------------------------- 여기까지 ------------------------------------>
</body>
<!--오른쪽메뉴-->
<script language="JavaScript1.2">
<!--
if (document.all && window.print) {
ie5menu.className = menuskin;
document.oncontextmenu = showmenuie5;
document.body.onclick = hidemenuie5;
}
// -->
</script>
<!-- 오른쪽메뉴끝-->
</html>
-----------------------------------------------------------------------------------------------------
위의 소스대로 홈페이지를 만들었습니다. (노프레임)
부메뉴를 레이어를 이용해서 나타내었는데 위 원본 소스로 된 웹페이지에서는 부메뉴가 들어간 레이어가
모니터의 좌측 상단에 고정이 되어버립니다. 아무리 레이어 위치 지정하는 수치를 늘려도 항상 그자리 입니다.
그런데 위의 소스로 헤더와 푸터를 나누어 게시판에 적용을 시키면 그 페이지에서는 제자리에 제대로 나옵니다.
여기저기 찾아보고 머리를 굴려도 당체 실마리가 보이지 않네요.
어디가 문제여서 위소스가 적용된 첫페이지 레이어만 제자리를 찾지 못하는 것인가요?
고수님들... 부탁드립니다.TT