묻고답하기
지맘대로 이랬다 저랬다가 변해요.
2004.01.01 17:53
사람들마다 집 해상도가 다르고 익스클로러 화면 크기도 차이가 있어서
홈페이지 들어올때마다 홈페이지가 일그러지더라구요. 그래서 소스 를 구했었요.
style="table-layout:fixed" <-- 표 크기 고정시키는 소스라고 해서 적용했더니 또 문제가 생기는데요.
저의 원래소스는
밑의 소스입니다. 밑 소스에 위 표 크기 고정시키는 소스를 적용시키면
또 이상하게 변하는데요. 원인을 모르겠어요.
고정시키는 소스를 안쓰면 해상도에 따라 홈페이지가 이상해져서 쓸수밖에 없거든요..
어떻게 해야하나요.
<?
$_zb_url = "http://wassum.agoto.net/bbs/";
$_zb_path = "/home/wassum/bbs/";
include $_zb_path."outlogin.php";
?>
<html>
<head>
<script>
function hidestatus()
{
window.status=''
return true
}
if (document.layers)
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT)
document.onmouseover=hidestatus
document.onmouseout=hidestatus
</script>
<title>WASSUM BEATBOX</title>
<meta name="generator" content="Namo WebDraw v 1.0">
<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; 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 topmargin='0' leftmargin='0' marginwidth="0" marginheight="0" oncontextmenu="return false" ondragstart="return false" bgcolor="white" text="black" link="blue" vlink="purple" alink="red" OnLoad="na_preload_img(false, 'images/noname2_0000_rol.PNG', 'images/noname2_0001.gif', 'images/noname2_0002.gif', 'images/noname2_0003.gif', 'images/noname2_0004.gif', 'images/noname2_0005.gif');">
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
<tr>
<td width="200" height="93" valign="top" bgcolor="black" colspan="2"><a onfocus=blur() href="http://wassum.80port.net/index_a.php" OnMouseOut="na_restore_img_src('home', 'document')" OnMouseOver="na_change_img_src('home', 'document', 'images/noname2_0000_rol.PNG', true);"><img src="images/noname2_0000.png" border="0" name="home"></a></td>
<td width="132" height="93" valign="top" bgcolor="black">
<p align="center"> </td>
<td width="121" height="93" valign="top" bgcolor="black">
<p align="center"><a href="#" OnMouseOut="na_restore_img_src('image1', 'document')" OnMouseOver="na_change_img_src('image1', 'document', 'images/noname2_0001.gif', true);"><img src="images/noname2_0001.png" border="0" name="image1"></a></td>
<td width="120" height="93" valign="top" bgcolor="black">
<p align="center"><a href="#" OnMouseOut="na_restore_img_src('image2', 'document'+ '+ ')" OnMouseOver="na_change_img_src('image2', 'document', 'images/noname2_0002.gif', true);"><img src="images/noname2_0002.png" border="0" height="91" width="120" name="image2"></a></td>
<td width="95" height="93" valign="top" bgcolor="black">
<p align="center"><a href="#" OnMouseOut="na_restore_img_src('image3', 'document')" OnMouseOver="na_change_img_src('image3', 'document', 'images/noname2_0003.gif', true);"><img src="images/noname2_0003.png" border="0" name="image3"></a></td>
<td width="81" height="93" valign="top" bgcolor="black">
<p align="center"><a href="#" OnMouseOut="na_restore_img_src('image4', 'document')" OnMouseOver="na_change_img_src('image4', 'document', 'images/noname2_0004.gif', true);"><img src="images/noname2_0004.png" border="0" name="image4"></a></td>
<td width="125" height="91" valign="top" bgcolor="black">
<p align="center"><a href="#" OnMouseOut="na_restore_img_src('image5', 'document')" OnMouseOver="na_change_img_src('image5', 'document', 'images/noname2_0005.gif', true);"><img src="images/noname2_0005.png" border="0" name="image5"></a></td>
<td width="29" height="93" bgcolor="#C6C6C6" background="images/menu_l.PNG" valign="top"> </td>
<td width="104" height="93" bgcolor="#C6C6C6">
<p> </p>
</td>
</tr>
<tr>
<td width="185" height="10" bgcolor="black">
<p></p>
</td>
<td width="15" height="42" rowspan="2" bgcolor="black">
<p> </p>
</td>
<td width="132" height="42" rowspan="2" bgcolor="#C6C6C6">
<p></p>
</td>
<td width="121" height="42" rowspan="2" bgcolor="#C6C6C6">
<p></p>
</td>
<td width="120" height="42" rowspan="2" bgcolor="#C6C6C6">
<p></p>
</td>
<td width="95" height="42" rowspan="2" bgcolor="#C6C6C6">
<p></p>
</td>
<td width="81" height="42" rowspan="2" bgcolor="#C6C6C6">
<p></p>
</td>
<td width="125" height="42" rowspan="2" bgcolor="#C6C6C6">
<p></p>
</td>
<td width="29" height="42" rowspan="2" bgcolor="#C6C6C6">
<p></p>
</td>
<td width="104" height="42" rowspan="2" bgcolor="#C6C6C6">
<p></p>
</td>
</tr>
<tr>
<td width="185" bgcolor="#FFD500" height="30">
<p></p>
</td>
</tr>
<tr>
<td width="185" height="452">
<p></p>
</td>
<td width="15" height="452" bgcolor="black" bordercolor="white">
<p></p>
</td>
<td width="674" colspan="6" height="452">
<p> </p>
</td>
<td width="29" height="452">
<p> </p>
</td>
<td width="104" height="452">
<p> </p>
</td>
</tr>
<tr>
<td width="185" height="21" bgcolor="black"><P align="center"> </P></td>
<td width="15" height="21" bgcolor="black" background="images/noname1_htm_smartbutton1.gif">
<p> </p>
</td>
<td width="674" height="21" colspan="6" bgcolor="black"><P align="center"><SPAN style="FONT-SIZE: 8pt"><FONT face=Verdana
color=#cccccc>Copyright 2003 (c) </FONT><FONT face="Verdana"
color="#FFD500">Wassum</FONT><FONT face=Verdana
color=#cccccc> All rights reserved.<BR>Best viewed with
Internet Explorer 5.5 & </FONT><FONT face="Verdana"
color="#FFD500">1024</FONT><FONT face="Verdana"
color="white">*</FONT><FONT face="Verdana"
color="#FFD500">768</FONT><FONT face=Verdana
color=#cccccc> resolution or higher.</FONT></SPAN></P></td>
<td width="29" height="21" bgcolor="#C6C6C6" background="images/menu_l.PNG">
<p> </p>
</td>
<td width="104" height="21" bgcolor="#C6C6C6">
<p> </p>
</td>
</tr>
<tr>
<td width="200" height="1" colspan="2"></td>
<td width="253" height="1" colspan="2"></td>
<td width="120" height="1"></td>
<td width="95" height="1"></td>
<td width="81" height="1"></td>
<td width="125" height="1"></td>
<td width="133" colspan="2"></td>
</tr>
</table>
</body>
</html>
홈페이지 들어올때마다 홈페이지가 일그러지더라구요. 그래서 소스 를 구했었요.
style="table-layout:fixed" <-- 표 크기 고정시키는 소스라고 해서 적용했더니 또 문제가 생기는데요.
저의 원래소스는
밑의 소스입니다. 밑 소스에 위 표 크기 고정시키는 소스를 적용시키면
또 이상하게 변하는데요. 원인을 모르겠어요.
고정시키는 소스를 안쓰면 해상도에 따라 홈페이지가 이상해져서 쓸수밖에 없거든요..
어떻게 해야하나요.
<?
$_zb_url = "http://wassum.agoto.net/bbs/";
$_zb_path = "/home/wassum/bbs/";
include $_zb_path."outlogin.php";
?>
<html>
<head>
<script>
function hidestatus()
{
window.status=''
return true
}
if (document.layers)
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT)
document.onmouseover=hidestatus
document.onmouseout=hidestatus
</script>
<title>WASSUM BEATBOX</title>
<meta name="generator" content="Namo WebDraw v 1.0">
<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; 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 topmargin='0' leftmargin='0' marginwidth="0" marginheight="0" oncontextmenu="return false" ondragstart="return false" bgcolor="white" text="black" link="blue" vlink="purple" alink="red" OnLoad="na_preload_img(false, 'images/noname2_0000_rol.PNG', 'images/noname2_0001.gif', 'images/noname2_0002.gif', 'images/noname2_0003.gif', 'images/noname2_0004.gif', 'images/noname2_0005.gif');">
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
<tr>
<td width="200" height="93" valign="top" bgcolor="black" colspan="2"><a onfocus=blur() href="http://wassum.80port.net/index_a.php" OnMouseOut="na_restore_img_src('home', 'document')" OnMouseOver="na_change_img_src('home', 'document', 'images/noname2_0000_rol.PNG', true);"><img src="images/noname2_0000.png" border="0" name="home"></a></td>
<td width="132" height="93" valign="top" bgcolor="black">
<p align="center"> </td>
<td width="121" height="93" valign="top" bgcolor="black">
<p align="center"><a href="#" OnMouseOut="na_restore_img_src('image1', 'document')" OnMouseOver="na_change_img_src('image1', 'document', 'images/noname2_0001.gif', true);"><img src="images/noname2_0001.png" border="0" name="image1"></a></td>
<td width="120" height="93" valign="top" bgcolor="black">
<p align="center"><a href="#" OnMouseOut="na_restore_img_src('image2', 'document'+ '+ ')" OnMouseOver="na_change_img_src('image2', 'document', 'images/noname2_0002.gif', true);"><img src="images/noname2_0002.png" border="0" height="91" width="120" name="image2"></a></td>
<td width="95" height="93" valign="top" bgcolor="black">
<p align="center"><a href="#" OnMouseOut="na_restore_img_src('image3', 'document')" OnMouseOver="na_change_img_src('image3', 'document', 'images/noname2_0003.gif', true);"><img src="images/noname2_0003.png" border="0" name="image3"></a></td>
<td width="81" height="93" valign="top" bgcolor="black">
<p align="center"><a href="#" OnMouseOut="na_restore_img_src('image4', 'document')" OnMouseOver="na_change_img_src('image4', 'document', 'images/noname2_0004.gif', true);"><img src="images/noname2_0004.png" border="0" name="image4"></a></td>
<td width="125" height="91" valign="top" bgcolor="black">
<p align="center"><a href="#" OnMouseOut="na_restore_img_src('image5', 'document')" OnMouseOver="na_change_img_src('image5', 'document', 'images/noname2_0005.gif', true);"><img src="images/noname2_0005.png" border="0" name="image5"></a></td>
<td width="29" height="93" bgcolor="#C6C6C6" background="images/menu_l.PNG" valign="top"> </td>
<td width="104" height="93" bgcolor="#C6C6C6">
<p> </p>
</td>
</tr>
<tr>
<td width="185" height="10" bgcolor="black">
<p></p>
</td>
<td width="15" height="42" rowspan="2" bgcolor="black">
<p> </p>
</td>
<td width="132" height="42" rowspan="2" bgcolor="#C6C6C6">
<p></p>
</td>
<td width="121" height="42" rowspan="2" bgcolor="#C6C6C6">
<p></p>
</td>
<td width="120" height="42" rowspan="2" bgcolor="#C6C6C6">
<p></p>
</td>
<td width="95" height="42" rowspan="2" bgcolor="#C6C6C6">
<p></p>
</td>
<td width="81" height="42" rowspan="2" bgcolor="#C6C6C6">
<p></p>
</td>
<td width="125" height="42" rowspan="2" bgcolor="#C6C6C6">
<p></p>
</td>
<td width="29" height="42" rowspan="2" bgcolor="#C6C6C6">
<p></p>
</td>
<td width="104" height="42" rowspan="2" bgcolor="#C6C6C6">
<p></p>
</td>
</tr>
<tr>
<td width="185" bgcolor="#FFD500" height="30">
<p></p>
</td>
</tr>
<tr>
<td width="185" height="452">
<p></p>
</td>
<td width="15" height="452" bgcolor="black" bordercolor="white">
<p></p>
</td>
<td width="674" colspan="6" height="452">
<p> </p>
</td>
<td width="29" height="452">
<p> </p>
</td>
<td width="104" height="452">
<p> </p>
</td>
</tr>
<tr>
<td width="185" height="21" bgcolor="black"><P align="center"> </P></td>
<td width="15" height="21" bgcolor="black" background="images/noname1_htm_smartbutton1.gif">
<p> </p>
</td>
<td width="674" height="21" colspan="6" bgcolor="black"><P align="center"><SPAN style="FONT-SIZE: 8pt"><FONT face=Verdana
color=#cccccc>Copyright 2003 (c) </FONT><FONT face="Verdana"
color="#FFD500">Wassum</FONT><FONT face=Verdana
color=#cccccc> All rights reserved.<BR>Best viewed with
Internet Explorer 5.5 & </FONT><FONT face="Verdana"
color="#FFD500">1024</FONT><FONT face="Verdana"
color="white">*</FONT><FONT face="Verdana"
color="#FFD500">768</FONT><FONT face=Verdana
color=#cccccc> resolution or higher.</FONT></SPAN></P></td>
<td width="29" height="21" bgcolor="#C6C6C6" background="images/menu_l.PNG">
<p> </p>
</td>
<td width="104" height="21" bgcolor="#C6C6C6">
<p> </p>
</td>
</tr>
<tr>
<td width="200" height="1" colspan="2"></td>
<td width="253" height="1" colspan="2"></td>
<td width="120" height="1"></td>
<td width="95" height="1"></td>
<td width="81" height="1"></td>
<td width="125" height="1"></td>
<td width="133" colspan="2"></td>
</tr>
</table>
</body>
</html>