테이블이 자꾸 깨지는데 고수님들 초보 좀 도와주세요 ㅜㅜ > 그누4 질문답변

매뉴얼 FAQ
그누보드5
데모
자료실
  • 다운로드
  • 매뉴얼
  • Q&A
    • 창작마당
  • 팁자료실
  • 스킨
  • 빌더
  • 테마
  • 플러그인
  • 사용후기
    • 영카트5
    데모
    자료실
    창작마당
    정기결제
    데모
    자료실
    Q & A
    궁금한 게 있으신가요? 지금 질문해보세요!
    솔루션
    프로그래밍
    서버
    사이트운영
    컨텐츠몰
    나의 재능을 팔아보세요!
    부가서비스
    국내최저! 신용카드 결제수수료 2.85%
    제작의뢰
    커뮤니티
    커뮤니티
    소모임
    스터디
    AI 🌟
    강좌
    기타

    그누4 질문답변

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

    테이블이 자꾸 깨지는데 고수님들 초보 좀 도와주세요 ㅜㅜ 정보

    테이블이 자꾸 깨지는데 고수님들 초보 좀 도와주세요 ㅜㅜ

    본문

    jjap.jpg

    만 4년만에 홈을 다시 만드려니
    정말 생각도 잘 안나고 너무 어렵네요..
    그것도 한번도 시도 못해본 그누보드를 써보려는데
    초보가 너무 무모한듯 하기도 하고 ㅜㅜ

    위에 그림은 홈페이지 레이아웃인데요..

    제가 문제에 봉착한 부분이
    메뉴와 카피라이트는 항상 붙어 있어야 하는데
    본문의 의해 메뉴 부분이 깨져버리네요..

    과거에는 프레임으로 만들었는데
    요즘 대세가 노프레임인지라

    테이블 구조로만 지금 제작중인데
    위 부분이 어렵네요..

    잘 이해가 안가신다면
    소스를 첨부할께요..

    도움 좀 주세요.. ^ ^

    댓글 전체

    야돌이 자기소개 아이디로 검색 회원게시물 07.09.20 13:22:53
    구조 추출하기도 버거운 상태라서
    지금 바로 홈 소스(?) 올려놓을께요..

    좀 분석해 주시고 조언 부탁드릴께요.. ^ ^;

    <html>

    <!---우측 스코롤링 부분--->
    <SCRIPT language=JavaScript1.2>
    function MM_showHideLayers2() { //v3.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; }
    }

        self.onError=null;
        currentX = currentY = 0; 
        whichIt = null;         
        lastScrollX = 0; lastScrollY = -10;
        NS = (document.layers) ? 1 : 0;
        IE = (document.all) ? 1: 0;
        <!-- STALKER CODE -->
        function heartBeat() {
            if(IE) {
                  diffY = document.body.scrollTop;
                  diffX = 0;
                  }

            if(NS) { diffY = self.pageYOffset; diffX = self.pageXOffset; }

            if(diffY != lastScrollY) {
                        percent = .1 * (diffY - lastScrollY);
                        if(percent > 0) percent = Math.ceil(percent);
                        else percent = Math.floor(percent);
                if(IE) document.all.banner.style.pixelTop += percent;
                if(NS) document.banner.top += percent;
                        lastScrollY = lastScrollY + percent;
            }
            if(diffX != lastScrollX) {
                percent = .1 * (diffX - lastScrollX);
                if(percent > 0) percent = Math.ceil(percent);
                else percent = Math.floor(percent);
                if(IE) document.all.banner.style.pixelLeft += percent;
                if(NS) document.banner.top += percent;
                lastScrollY = lastScrollY + percent;
            }   
        }   
        if(NS || IE) action = window.setInterval("heartBeat()",1);
    </script>
    <!-- 스크롤링 끝-->

    <head>
    <meta http-equiv="content-type" content="text/html; charset=euc-kr">
    <title></title>
    <style>
    td{font-family:굴림;font-size:12px;color:484848}
    A {
    text-decoration: none;
    color:FFB005;
    font-size: 12px;
    font-family: 굴림;
    }
    a:visited{color:FFB005}
    a:hover{color:white}
    a.footer{color:000000}
    a.footer:visited{color:000000}
    .bold{font:900}
    </style>

     <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 LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH="0" MARGINHEIGHT="0" bgcolor="white" text="black" link="blue" vlink="purple" alink="red" OnLoad="na_preload_img(false, 'images/b1r.jpg', 'images/b2r.jpg', 'images/b3r.jpg', 'images/b4r.jpg', 'images/b5r.jpg', 'images/b6r.jpg');">
    <table cellpadding="0" cellspacing="0" width="770" height="100%">
        <tr>
            <td width="770" valign=top>

                <table cellpadding="0" cellspacing="0">
                    <tr>
                        <td width="770" colspan="7"><img src="images/header.jpg" width="770" height="9" border="0"></td>
                    </tr>
                    <tr>
                        <td width="760" colspan="7"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="770" height="128">
                            <param name="movie" value="main.swf">
                            <param name="play" value="true">
                            <param name="loop" value="true">
                            <param name="quality" value="High">
                            <param name="_cx" value="5080">
                            <param name="_cy" value="5080">
                            <param name="src" value="main.swf">
                            <param name="WMode" value="Transparent">
                            <param name="Menu" value="true">
                            <param name="Scale" value="NoScale">
                            <param name="DeviceFont" value="false">
                            <param name="EmbedMovie" value="false">
                            <param name="SeamlessTabbing" value="true">
                            <param name="Profile" value="false">
                            <param name="ProfilePort" value="0">
                            <param name="AllowNetworking" value="all">
                            <param name="AllowFullScreen" value="false">
    <embed width="770" height="128" src="main.swf" play="true" loop="true" quality="High" WMode="Transparent" Menu="true" Scale="NoScale" DeviceFont="false" EmbedMovie="false" SeamlessTabbing="true" Profile="false" ProfilePort="0" AllowNetworking="all" AllowFullScreen="false" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></object></td>
                    </tr>
                    <tr>
                        <td width="760" colspan="7"><img src="images/line1.jpg" width="770" height="2" border="0"></td>
                    </tr>
                    <tr>
                        <td width="220" background="images/search_back.jpg">

                            <table border="0" cellpadding="0" cellspacing="0">
                                <form action="">
                                <tr>
                                    <td style="padding-left:65"><input type="text" name="search" size="15" maxlength="40" style="width:100"></td>
                                    <td style="padding-left:10"><input type="image" src="images/go_but.jpg" border="0" width="30" height="26" alt="" align="middle"></td>
                                </tr>
                                </form>

                            </table>
                        </td>
                        <td width="77"><a href="#" OnMouseOut="na_restore_img_src('image1', 'document')" OnMouseOver="na_change_img_src('image1', 'document', 'images/b1r.jpg', true)"><img src="images/b1.jpg" width="77" height="58" border="0" name="image1"></a></td>
                        <td width="98"><a href="#" OnMouseOut="na_restore_img_src('image2', 'document')" OnMouseOver="na_change_img_src('image2', 'document', 'images/b2r.jpg', true)"><img src="images/b2.jpg" width="98" height="58" border="0" name="image2"></a></td>
                        <td width="91"><a href="#" OnMouseOut="na_restore_img_src('image3', 'document')" OnMouseOver="na_change_img_src('image3', 'document', 'images/b3r.jpg', true)"><img src="images/b3.jpg" width="91" height="58" border="0" name="image3"></a></td>
                        <td width="91"><a href="#" OnMouseOut="na_restore_img_src('image4', 'document')" OnMouseOver="na_change_img_src('image4', 'document', 'images/b4r.jpg', true)"><img src="images/b4.jpg" width="91" height="58" border="0" name="image4"></a></td>
                        <td width="99"><a href="#" OnMouseOut="na_restore_img_src('image5', 'document')" OnMouseOver="na_change_img_src('image5', 'document', 'images/b5r.jpg', true)"><img src="images/b5.jpg" width="99" height="58" border="0" name="image5"></a></td>
                        <td width="94"><a href="#" OnMouseOut="na_restore_img_src('image6', 'document')" OnMouseOver="na_change_img_src('image6', 'document', 'images/b6r.jpg', true)"><img src="images/b6.jpg" width="94" height="58" border="0" name="image6"></a></td>
                    </tr>
                </table>

    <tr>
    <td>
                <table cellpadding="0" cellspacing="0">
                    <tr>
                        <td width="222">
                            <table cellpadding="0" cellspacing="0">
                                <tr>
                                    <td width="222"><img src="images/text5.jpg" width="222" height="34" border="0"></td>
                                </tr>
                                <tr>
                                    <td valign=top width="222" height="132" bgcolor="white" background="images/back1.jpg">

                                        <p style="margin-right:20; margin-left:20;">Contents1</p>
                                    </td>
                                </tr>
                                <tr>
                                    <td width="222"><img src="images/text5.jpg" width="222" height="34" border="0"></td>
                                </tr>
                                <tr>
                                    <td valign=top width="222" background="images/back2.jpg" height="128">
                                        <p style="margin-right:20; margin-left:20;">Contents2</p>
                                    </td>
                                </tr>
                                <tr>
                                    <td width="222"><img src="images/line.jpg" width="222" height="9" border="0"></td>
                                </tr>
                            </table>
                        </td>                   
    <td width="548">
                            <table cellpadding="0" cellspacing="0" width="100%" height="337" background="images/text_back_gr.jpg">
                                <tr>
                                    <td width="182" height="25" style="border-right-width:1; border-right-color:rgb(102,102,102); border-right-style:solid;">
                                        <p align="center"><img src="images/text2.jpg" width="135" height="25" border="0"></p>
                                    </td>
                                    <td width="184" style="border-right-width:1; border-right-color:rgb(102,102,102); border-right-style:solid;">
                                        <p align="center"><img src="images/text3.jpg" width="138" height="25" border="0"></p>
                                    </td>
                                    <td width="182">
                                        <p align="center"><img src="images/text4.jpg" width="140" height="25" border="0"></p>
                                    </td>
                                </tr>
                                <tr>
                                    <td width="182" height="112" style="border-right-width:1; border-right-color:rgb(102,102,102); border-right-style:solid;">
                                        <p align="center"><img src="images/pic1.jpg" width="135" height="112" border="0"></p>
                                    </td>
                                    <td width="184" style="border-right-width:1; border-right-color:rgb(102,102,102); border-right-style:solid;">
                                        <p align="center"><img src="images/pic2.jpg" width="135" height="112" border="0"></p>
                                    </td>
                                    <td width="182">
                                        <p align="center"><img src="images/pic3.jpg" width="135" height="112" border="0"></p>
                                    </td>
                                </tr>
                                <tr>
                                    <td width="182" style="border-right-width:1; border-right-color:rgb(102,102,102); border-right-style:solid;">
                                        <p style="line-height:13px; margin-right:20; margin-left:20;" align="justify"><font face="굴림" color="black"><span style="font-size:9pt;">메모</span></font></p>
                                    </td>
                                    <td width="184" style="border-right-width:1; border-right-color:rgb(102,102,102); border-right-style:solid;">
                                        <p style="line-height:13px; margin-right:20; margin-left:20;" align="justify"><span style="font-size:9pt;"><font face="굴림" color="black">메모</span></p>
                                    </td>
                                    <td width="182">
                                        <p style="line-height:13px; margin-right:20; margin-left:20;" align="justify"><font face="굴림" color="black"><span style="font-size:9pt;">메모</span></font></p>
                                    </td>
                                </tr>
                                <tr>
                                    <td width="548" height="9" colspan="3"><img src="images/midl.jpg" width="548" height="9" border="0"></td>
                                </tr>
                            </table>
    </td>
                    </tr>
                </table>
    </td>
    </tr>
    <tr valign=top height="100%" width="222">
    <td>
                <table cellpadding="0" cellspacing="0" height="100%">
                    <tr>
                        <td width="222" valign=top width="100%" height="100%">
                            <table cellpadding="0" cellspacing="0" width="100%" height="100%">
                                <tr>
                                    <td width="222" height="34" valign=top><img src="images/text5.jpg" width="222" height="34" border="0"></td>
                                </tr>
                                <tr>
                                    <td valign=top width="222" background="images/back3.jpg">
                                        <p style="margin-right:20; margin-left:20;">Contents3</p>
                                    </td>
                                </tr>
                            </table>
                        </td>
                        <td width="548">
    <table cellpadding="0" cellspacing="0" width="100%" height="100%">
                                <tr>
                                    <td width="141" valign=top rowspan="2"><img src="images/pic4.jpg" width="141" height="161" border="0"></td>
                                    <td width="407" valign=top height="34"><img src="images/text7.jpg" width="407" height="34" border="0"></td>
                                </tr>
                                <tr>
                                    <td valign=top width="407" height="127" valign="top">Contents4</td>
                                </tr>
                                <tr>
                                    <td width="548" height="100%" valign="top" colspan="2">&nbsp;</td>
                                </tr>
    </table>
                        </td>
                    </tr>
                </table>
    </td>
    </tr>
    <tr>
    <td>
                <table cellpadding="0" cellspacing="0" width="770">
                    <tr>
                        <td background="images/footer.jpg" width="513" style="color:000000;padding-left:34;padding-top:20" valign="top"><a href="l" class="footer">1</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="" class="footer">2</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="" class="footer">3</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<a href="" class="footer">4</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="l" class="footer">5</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="" class="footer">6</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="" class="footer">7</a></td>
                    <td><img src="images/comp_footer.jpg" border="0" width="257" height="65" alt=""></td>
                    </tr>
                </table>
    </td>
    </tr>
            </td>
        </tr>
    </table>

    <tr>
    <td><div id="banner" style="position:absolute; left:780px; top:10px; z-index:1;">
    <table width="200" border=0 cellspacing="0" cellpadding="0">
    <tr><td>
     <?=outlogin("b_basic");>
    </td></tr>
    </table>
    </div>
    </td>
    </tr>

    </body>
    </html>
    야돌이 자기소개 아이디로 검색 회원게시물 07.09.20 13:26:35
    참 왼쪽 세부메뉴와 카피라이터 부분이 항상 연결된 상태입니다..
    혹시 위쪽 메뉴와의 문제점으로 오인(?)하실까봐 초보라 별개 다 걱정이네요.. ^ ^;
    명함아이 홈페이지 자기소개 아이디로 검색 회원게시물 07.09.20 16:15:24
    테이블만 추출해주시지..소스가 넘 길어서 보기 힘들어요.

    대충 코딩된 스타일을 보니깐 에디터를 이용하시는것 같으신대 에디트플러스나 메모장에서

    테이블 점검이 필요해 보입니다.

    에디터 코딩은 보기도 힘들뿐더러 설치하기까지는 힘듭니다...ㅜ.ㅜ;;
    야돌이 자기소개 아이디로 검색 회원게시물 07.09.20 20:26:10
    기본틀만 다시 올릴께요.
    잠을 못잔 상태로 글을 올리느라 소스 그대로 올렸었네요..

    참고하시고 도움 바랄게요.. ^ ^


    <html>
    <head>
    </head>

    <body LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH="0" MARGINHEIGHT="0" bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
    <table cellpadding="0" cellspacing="0" width="770" height="100%">
        <tr>
            <td width="770" valign=top>

                <table cellpadding="0" cellspacing="0">
                    <tr>
                        <td width="770" colspan="7" height="9"></td>
                    </tr>
                    <tr>
                        <td width="770" colspan="7" height="128"></td>
                    </tr>
                    <tr>
                        <td width="760" colspan="7" height="2"></td>
                    </tr>
                    <tr>
                        <td width="220">

                            <table border="0" cellpadding="0" cellspacing="0">
                                <form action="">
                                <tr>
                                    <td style="padding-left:65"><input type="text" name="search" size="15" maxlength="40" style="width:100"></td>
                                    <td style="padding-left:10"><input type="image"  border="0" width="30" height="26" alt="" align="middle"></td>
                                </tr>
                                </form>

                            </table>
                        </td>
                        <td width="77"></td>
                        <td width="98"></td>
                        <td width="91"></td>
                        <td width="91"></td>
                        <td width="99"></td>
                        <td width="94"></td>
                    </tr>
                </table>

        <tr>
                <td>

                <table cellpadding="0" cellspacing="0" height="100%">
                    <tr>
                        <td width="222" valign=top height="100%">
                            <table cellpadding="0" cellspacing="0" height="100%" width="100%">
                                <tr>
                                    <td width="222" height="34" align="left" valign="top"></td>
                                </tr>
                                <tr>
                                    <td width="222" height="132" align="left" valign="top"></td>
                                </tr>
                                <tr>
                                    <td width="222" height="33" align="left" valign="top"></td>
                                </tr>
                                <tr>
                                    <td width="222" height="128" align="left" valign="top"></td>
                                </tr>
                                <tr>
                                    <td width="222" height="9"></td>
                                </tr>
                                <tr>
                                    <td width="222" height="34" align="left" valign="top"></td>
                                </tr>
                                <tr>
                                    <td width="222" height="100%">
                                        <table height="100%" cellpadding="0" cellspacing="0">
                                            <tr>
                                                <td width="222"></td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                                <tr>
                                    <td width="222">

                                    </td>
                                </tr>
                            </table>
                        </td>
                        <td width="548" valign=top height="100%">
                            <table cellpadding="0" cellspacing="0" height="100%">
                                <tr>
                                    <td width="548" height="100%">

                                        <p></p>
                                        <p></p>
                                        <p></p>
                                        <p></p>
                                    </td>
                                </tr>
                            </table>
    </td>
                    </tr>
                </table>
    <tr>
    <td width="770" height=0>
    </td>
    </tr>
    <tr>
    <td>
                <table cellpadding="0" cellspacing="0" width="770">
                    <tr>
                        <td>카피라이터</td>
                    </tr>
                </table>
    </td>
    </tr>
            </td>
        </tr>
    </table>


    </body>
    </html>
    닭대가리 홈페이지 자기소개 아이디로 검색 회원게시물 07.09.20 23:39:01
    태그 종결문도 중요합니다.
    시작하는 태그가 있다면 끝을 맺는 태그도 넣어줘야 합니다.
    <tr> 이 있으면 </tr> 도 있어야 하고요...

    </font>나 </span> 같은 태그는 테이블에 그리 큰 영향은 주지 않아 큰 에러는 없어보이지만 </div>같은 태그는 테이블에도 영향을 줄 수 있습니다.
    전체 66,554 |RSS
    그누4 질문답변 내용 검색

    회원로그인

    (주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
    사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
    © SIRSOFT