아래 포토샵관련 질문 올린 초보(?) 입니다.

어찌어찌해서 올렸습니다, 그림에서 동그라미친 부분이 틀어진 문제와 가운데 본문의 폭이 head, tail의 범위를 침범(?)하는것 같은데 이걸 어떻게 잡아야하나요? 두번째 링크로 들어가보시면 게시판들은 제대로 자리를 잡고 있습니다만...

lay.jpg
head.php
 
<?
if (!defined("_GNUBOARD_")) exit; // °³º° ÆäÀÌÁö Á¢±Ù ºÒ°¡
include_once("$g4[path]/head.sub.php");
include_once("$g4[path]/head.sub.php");
include_once("$g4[path]/lib/outlogin.lib.php");
include_once("$g4[path]/lib/poll.lib.php");
include_once("$g4[path]/lib/visit.lib.php");
include_once("$g4[path]/lib/connect.lib.php");
include_once("$g4[path]/lib/popular.lib.php");
//print_r2(get_defined_constants());
// »ç¿ëÀÚ È­¸é »ó´Ü°ú ÁÂÃøÀ» ´ã´çÇÏ´Â ÆäÀÌÁöÀÔ´Ï´Ù.
// »ó´Ü, ÁÂÃø È­¸éÀ» ²Ù¹Ì·Á¸é ÀÌ ÆÄÀÏÀ» ¼öÁ¤ÇÕ´Ï´Ù.
$table_width = 1001;
?>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="<?=$table_width?>" cellpadding="0" cellspacing="0">
<!-- ImageReady Slices (layout1.psd) -->
<table id="Table_01" width="1001" height="403" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td colspan="2" rowspan="2"> <img src="/img/layout1_01.gif" width="189" height="69" alt=""></td>
    <td colspan="2" rowspan="2"> <img src="/img/layout1_02.gif" width="112" height="69" alt=""></td>
    <td colspan="2"> <a href="http://printer.skynet.co.kr"><img src="/img/layout1_03.gif" alt="" width="111" height="26" border="0"></a></td>
    <td colspan="3"> <img src="/img/layout1_04.gif" width="77" height="26" alt=""></td>
    <td> <a href="/bbs/board.php?bo_table=board"><img src="/img/layout1_05.gif" alt="" width="82" height="26" border="0"></a></td>
    <td colspan="2"> <a href="/bbs/board.php?bo_table=notice"><img src="/img/layout1_06.gif" alt="" width="112" height="26" border="0"></a></td>
    <td colspan="4"> <img src="/img/layout1_07.gif" width="317" height="26" alt=""></td>
    <td> <img src="/img/spacer.gif" width="1" height="26" alt=""></td>
  </tr>
  <tr>
    <td colspan="8"> <img src="/img/layout1_08.gif" width="382" height="43" alt=""></td>
    <td colspan="4"> <img src="/img/layout1_09.gif" width="317" height="43" alt=""></td>
    <td> <img src="/img/spacer.gif" width="1" height="43" alt=""></td>
  </tr>
  <tr>
    <td colspan="2"> <img src="/img/layout1_10.gif" width="189" height="67" alt=""></td>
    <td colspan="2"> <img src="/img/layout1_11.gif" width="112" height="67" alt=""></td>
    <td colspan="3"> <img src="/img/layout1_12.gif" width="154" height="67" alt=""></td>
    <td colspan="8"> <img src="/img/layout1_13.gif" width="391" height="67" alt=""></td>
    <td> <img src="/img/layout1_14.gif" width="154" height="67" alt=""></td>
    <td> <img src="/img/spacer.gif" width="1" height="67" alt=""></td>
  </tr>
  <tr>
    <td colspan="2"> <img src="/img/layout1_15.gif" width="189" height="80" alt=""></td>
    <td colspan="2"> <img src="/img/layout1_16.gif" width="112" height="80" alt=""></td>
    <td colspan="3"> <img src="/img/layout1_17.gif" width="154" height="80" alt=""></td>
    <td colspan="6"> <img src="/img/layout1_18.gif" width="283" height="80" alt=""></td>
    <td colspan="2"> <img src="/img/layout1_19.gif" width="108" height="80" alt=""></td>
    <td> <img src="/img/layout1_20.gif" width="154" height="80" alt=""></td>
    <td> <img src="/img/spacer.gif" width="1" height="80" alt=""></td>
  </tr>
  <tr>
    <td colspan="2" rowspan="2"> <img src="/img/layout1_21.gif" width="189" height="58" alt=""></td>
    <td colspan="2"> <img src="/img/layout1_22.gif" width="112" height="22" alt=""></td>
    <td colspan="3"> <img src="/img/layout1_23.gif" width="154" height="22" alt=""></td>
    <td colspan="6"> <img src="/img/layout1_24.gif" width="283" height="22" alt=""></td>
    <td colspan="2"> <img src="/img/layout1_25.gif" width="108" height="22" alt=""></td>
    <td> <img src="/img/layout1_26.gif" width="154" height="22" alt=""></td>
    <td> <img src="/img/spacer.gif" width="1" height="22" alt=""></td>
  </tr>
  <tr>
    <td> <img src="/img/layout1_27.gif" width="22" height="36" alt=""></td>
    <td colspan="2" rowspan="2"> <img src="/img/layout1_28.gif" width="147" height="56" alt=""></td>
    <td colspan="3" rowspan="2"> <img src="/img/layout1_29.gif" width="127" height="56" alt=""></td>
    <td colspan="3" rowspan="2"> <img src="/img/layout1_30.gif" width="124" height="56" alt=""></td>
    <td colspan="2" rowspan="2"> <img src="/img/layout1_31.gif" width="129" height="56" alt=""></td>
    <td colspan="2" rowspan="2"> <img src="/img/layout1_32.gif" width="108" height="56" alt=""></td>
    <td rowspan="2"> <img src="/img/layout1_33.gif" width="154" height="56" alt=""></td>
    <td> <img src="/img/spacer.gif" width="1" height="36" alt=""></td>
  </tr>
  <tr>
    <td rowspan="3"> <img src="/img/layout1_34.gif" width="56" height="106" alt="2222"></td>
    <td colspan="2" rowspan="4"> <img src="/img/layout1_35.gif" width="155" height="128" alt="11111"></td> ----> 이 부분이 동그라미친 이미지
    <td> <img src="/img/spacer.gif" width="1" height="20" alt=""></td>
  </tr>
  <tr>
    <td colspan="11" rowspan="3"> <img src="/img/layout1_36.gif" width="616" height="108" alt=""></td>
    <td colspan="2" rowspan="2"> <img src="/img/layout1_37.gif" width="173" height="86" alt=""></td>
    <td> <img src="/img/spacer.gif" width="1" height="50" alt=""></td>
  </tr>
  <tr>
    <td> <img src="/img/spacer.gif" width="1" height="36" alt=""></td>
  </tr>
  <tr>
    <td> <img src="/img/layout1_40.gif" width="56" height="22" alt=""></td>
    <td colspan="2"> <img src="/img/layout1_43.gif" width="173" height="22" alt=""></td>
    <td> <img src="/img/spacer.gif" width="1" height="22" alt=""></td>
  </tr>
  <tr>
    <td> <img src="/img/spacer.gif" width="56" height="1" alt=""></td>
    <td> <img src="/img/spacer.gif" width="133" height="1" alt=""></td>
    <td> <img src="/img/spacer.gif" width="22" height="1" alt=""></td>
    <td> <img src="/img/spacer.gif" width="90" height="1" alt=""></td>
    <td> <img src="/img/spacer.gif" width="57" height="1" alt=""></td>
    <td> <img src="/img/spacer.gif" width="54" height="1" alt=""></td>
    <td> <img src="/img/spacer.gif" width="43" height="1" alt=""></td>
    <td> <img src="/img/spacer.gif" width="30" height="1" alt=""></td>
    <td> <img src="/img/spacer.gif" width="4" height="1" alt=""></td>
    <td> <img src="/img/spacer.gif" width="82" height="1" alt=""></td>
    <td> <img src="/img/spacer.gif" width="38" height="1" alt=""></td>
    <td> <img src="/img/spacer.gif" width="74" height="1" alt=""></td>
    <td> <img src="/img/spacer.gif" width="55" height="1" alt=""></td>
    <td> <img src="/img/spacer.gif" width="89" height="1" alt=""></td>
    <td> <img src="/img/spacer.gif" width="19" height="1" alt=""></td>
    <td> <img src="/img/spacer.gif" width="154" height="1" alt=""></td>
    <td></td>
  </tr>
</table>
<style type="text/css">
#middiv {
 width:<?=$table_width?>px;
 position:relative;
 margin:0px auto;
    vertical-align:top;
    float:left;
}
#middiv #mleft  { width:220px; float:left; padding:0 0 0 43; }
#middiv #mright { width:683px; float:left; padding:0 0 0 15; }
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
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>
<!-- End ImageReady Slices -->
<table width='<?=$table_width?>' cellpadding=0 cellspacing=0 border=0>
<tr>
  <td width=43></td>
  <!-- ¿ÞÂÊ ¸Þ´º -->
  <td width=220 valign=top>  </td>
  <td width=18></td>
  <!-- Áß°£ -->
  <td width=683 valign=top>
 
tail.php
 
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
// 사용자 화면 우측과 하단을 담당하는 페이지입니다.
// 우측, 하단 화면을 꾸미려면 이 파일을 수정합니다.
?>
</td>
<td width=220></td>
</tr></table>
<!-- End ImageReady Slices -->
<div style='height:5px;'></div>
<div style="clear:both;"></div>
<!-- 카피라이트 시작 -->
<div style='float:left;'>
<table width="<?=$table_width?>" border="0" cellspacing="10" cellpadding="10">
<tr>
    <td valign="top" background="<?=$g4[path]?>/img/copyright.gif"><a href="#g4_head"><img src="<?=$g4[path]?>/img/icon.gif" width="15" height="12" border="0"></a><font color="#848484">Copyright ⓒ your-domain. All rights reserved.</font></td>
</tr>
</table>
</div>
<!-- 카피라이트 끝 -->
<?
include_once("$g4[path]/tail.sub.php");
?>
 
index.php
 
<?
include_once("./_common.php");
include_once("$g4[path]/lib/latest.lib.php");
$g4[title] = "에너지, 환경 전문기업 (주)에너그린입니다.";
include_once("./_head.php");
?>
<!-- 메인화면 최신글 시작 -->
<table width="100%" cellpadding=0 cellspacing=0>
  <tr>
    <td width="50%" height="18" valign=top>
 <?
//  최신글
$sql = " select bo_table, bo_subject from $g4[board_table] order by gr_id, bo_table ";
$result = sql_query($sql);
for ($i=0; $row=sql_fetch_array($result); $i++) {
    // 이 함수가 바로 최신글을 추출하는 역할을 합니다.
    // 스킨은 입력하지 않을 경우 관리자 > 환경설정의 최신글 스킨경로를 기본 스킨으로 합니다.
    // 사용방법
    // latest(스킨, 게시판아이디, 출력라인, 글자수);
    echo latest("sygnus_bubble", $row[bo_table], 4, 70, "4,25");
    echo "<p>\n";
}
?>
</td>
    <td width="50%" valign=top> <div align="right"><img src="img/1116_14.gif" width="288" height="291"></div></td></tr>
  <tr>
    <td><div align="center"><img src="img/1116_16.gif" width="400" height="162"></div></td>
    <td>
      <div align="center"><img src="img/1116_16.gif" width="400" height="162"></div></td></tr>
</table>
<!-- 메인화면 최신글 끝 -->
</td>
<?    
include_once("./_tail.php");
?>
|

댓글 2개

우선 메인쪽 서브메뉴 위치와 배너 위치가 깨지는 것은 http://printer.skynet.co.kr/img/1116_16.gif 이미지를 두개를 옆으로 붙이셨는데 이 이미지의 폭이 내부 표의 폭보다 커서 그렇습니다.
또한 http://printer.skynet.co.kr/img/1116_14.gif 이 이미지와 공지사항 합한 폭도 내부 표의 폭보다 커서 그렇구요.

전체적으로 내부 (게시판이 나오는 폭)가 600 정도 인거 같은데 그렇다면 공지사항폭과 옆의 이미지 폭을 줄여서 내부 표의 폭으로 맞춰야 합니다.
하단 이미지 두개도 마찬가지구요.

상단 이미지 깨지는 것은 이미지를 잘못 쪼갠거 같은데요.
그쪽은 저도 정확한 판단이 안됩니다.
답변 감사드립니다. 좋은 하루 되세요
댓글을 작성하시려면 로그인이 필요합니다.

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기 기존 게시물은 열람만 가능합니다.

+
제목 글쓴이 날짜 조회
19년 전 조회 1,517
19년 전 조회 1,579
19년 전 조회 1,250
19년 전 조회 1,169
19년 전 조회 1,118
휘중
19년 전 조회 996
19년 전 조회 1,600
19년 전 조회 1,517
19년 전 조회 1,704
19년 전 조회 1,014
19년 전 조회 1,547
19년 전 조회 1,541
19년 전 조회 1,056
19년 전 조회 1,029
19년 전 조회 1,330
ggeongpyo
19년 전 조회 1,030
19년 전 조회 1,578
19년 전 조회 1,530
19년 전 조회 1,257
19년 전 조회 1,667