Page 1 of 1

테이블이 겹치는 현상에 대해서...

Posted: 2004 07 24 21:55 16
by bluehongc
제가 블로그 스킨을 바꿨는데요

IE에서는 아무 이상없이 보이는데...

모질라에서는 테이블이 겹쳐버리고 맙니다...

http://bluehongc.woweb.net

여기로 접속해 보시면 보실수 있습니다.-_-

스킨 소스도 올려볼께요

<meta http-equiv=Content-type content=text/html; charset=euc-kr>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<title>[##_title_##]</title>
<link href="./style.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
#watermark {position:absolute}
-->
</style>
</head>

<body onMouseOver="window.status='';return true;" onMouseOut="window.status='';return true;" oncontextmenu="return false" ondblclick="window.scrollTo(0,0);">

<!-- 전체 틀 시작 -->
<s_t3>
<center>
<TABLE WIDTH="800" BORDER=0 CELLPADDING=0 CELLSPACING=0>
        <tr>
        <TD VALIGN=TOP WIDTH="800">
                <DIV ID=TOP>
                <DIV CLASS=HEADER><a onFocus="this.blur();" href="index.php">[##_title_##]</a></DIV>
                <DIV CLASS=URL>[##_desc_##]</DIV>        
                <DIV CLASS=USERMENU><b><a href="admin/article.php" onFocus="this.blur();">Admin</a></b>|<b><a href="index.php?pl=31&nc=1&ct1=1 onFocus="this.blur();">Love</a></b></DIV>
        </td>
        </tr>
</table>


<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 width="800">
        <TR>
        <TD WIDTH="200" VALIGN=TOP>
<DIV ID=RIGHT>
                                                        <!--프로필 이미지 불필요시 삭제 -->
                                                        <table width="100%"  border="0" cellspacing="0" cellpadding="0">
                                                                <tr>
                                                                <td align="center">
                                                                         <DIV CLASS=PROFILE>
                                                                         <DIV><img class=ib src="[##_image_##]" width="190" onclick="[##_onclick_image_##]"></DIV><br>
                                                                         </DIV>
                                                                </td>
                                                                </tr>
                                                        </table>
                                                        <!--프로필 이미지 불필요시 삭제 -->

                                                        <!-- 달력 부분 불필요시 삭제 -->
                                                        <table width="100%"  border="0" cellspacing="0" cellpadding="0">
                                                                <tr>
                                                                          <td style="WIDTH : 100%; BORDER : 1PX solid #CCCCCC; LINE-HEIGHT : 150%; MARGIN-BOTTOM : 10PX; MARGIN-TOP: 0PX; PADDING : 2PX">[##_calendar_##]</td>
                                                                </tr>
                                                        </table>
                                                        <!-- 달력 부분 불필요시 삭제 -->

                                                        <table width="100%"  border="0" cellspacing="0" cellpadding="0">
                                                                <tr>
                                                                          <div class="mnttl"><b>Search</b></div>
                                                                </tr>
                                                                <tr>
                                                                        <td align="center">
                                                                        <INPUT TYPE="text" class="TXTFLD" name="[##_search_name_##]" value="[##_search_text_##]" STYLE="WIDTH:105;HEIGHT:19;" onkeydown="if (event.keyCode == 13) { [##_search_onclick_submit_##] return false; }">
                                                                        <img src="./images/btn_search.gif" onclick="[##_search_onclick_submit_##]" align="absmiddle" style="CURSOR: hand">
                                                                        </td>
                                                                </tr>
                                                        </table>

                                                        <table width="100%"  border="0" cellspacing="0" cellpadding="0">
                                                                <tr>
                                                                          <div class="mnttl"><b>Catagory</b></div>
                                                                </tr>
                                                                <tr>
                                                                          <td>[##_category_##]</td>
                                                                </tr>
                                                        </table>

                                                        <br>

                                                        <table width="100%"  border="0" cellspacing="0" cellpadding="0">
                                                                <tr>
                                                                          <div class="mnttl"><b>Archive</b></div>
                                                                </tr>
                                                                <tr>
                                                                        <td>
                                                                                <!-- 아케이브 반복 시작 -->
                                                                                <s_archive_rep>
                                                                                <a onFocus="this.blur();" href="[##_archive_rep_link_##]">[##_archive_rep_date_##]</a><br>
                                                                                </s_archive_rep>
                                                                                <!-- 아케이브 반복 끝 -->
                                                                        </td>
                                                                </tr>
                                                        </table>

                                                        <br>

                                                        <table width="100%"  border="0" cellspacing="0" cellpadding="0">
                                                                <tr>
                                                                          <div class="mnttl">Recent<b>Replies</b></div>
                                                                </tr>
                                                                <tr>
                                                                        <td>
                                                                                <s_rctrp_rep>
                                                                                        <img src="./images/re.gif"> <a onFocus="this.blur();" href="[##_rctrp_rep_link_##]">[##_rctrp_rep_desc_##]</a><br>
                                                                                        <font style="color:#606060;font-size:8pt">[##_rctrp_rep_time_##] - [##_rctrp_rep_name_##]</font><br>
                                                                                </s_rctrp_rep>
                                                                        </td>
                                                                </tr>
                                                        </table>

                                                        <br>

                                                        <table width="100%"  border="0" cellspacing="0" cellpadding="0">
                                                                <tr>
                                                                          <div class="mnttl">Recent<b>Trackbacks</b></div>
                                                                </tr>
                                                                <tr>
                                                                        <td>
                                                                                <s_rcttb_rep>
                                                                                        <a href="[##_rcttb_rep_link_##]">[##_rcttb_rep_desc_##]</a><br>
                                                                                        <font style="color:#606060;font-size:8pt">[##_rcttb_rep_name_##]</font><br>
                                                                                </s_rcttb_rep>
                                                                        </td>
                                                                </tr>
                                                        </table>

                                                        <br>

                                                        <table width="100%"  border="0" cellspacing="0" cellpadding="0">
                                                                <tr>
                                                                          <div class="mnttl"><b>Link</b></div>
                                                                </tr>
                                                                <tr>
                                                                        <td>
                                                                                <s_link_rep>
                                                                                        <a onFocus="this.blur();" href="[##_link_url_##]" target=_blank>[##_link_site_##]</a><br>
                                                                                </s_link_rep>
                                                                        </td>
                                                                </tr>
                                                        </table>

                                                        <br>          

                                                        <table width="100%"  border="0" cellspacing="0" cellpadding="0">
                                                                <tr>
                                                                          <div class="mnttl"><b>E</b>tc</div>
                                                                </tr>
                                                                <tr>
                                                                        <td><div class="xml_bold">
                                                                          <a href="http://www.tattertools.com" target="_blank" onFocus="this.blur();">Powered by TatterTOOL</a></div><div class="xml">
                                                                          <a href="index.xml" target="_blank" onFocus="this.blur();">GET <B>XML</B></a> . <a href="#클립주소" target="_blank" onFocus="this.blur();"><b>KLIP</b></a></DIV><div class="maker"><a href="http://beck.co.kr" target="_blank" onFocus="this.blur();">Skin by Nostalgia</a></div>
                                                                        </td>
                                                                </tr>
                                                        </table>

</DIV>






</TD>

        <TD WIDTH="580" VALIGN=TOP>
                                                        <s_list>
        <DIV ID=LEFT>
                                                                <table width="100%"  border="0" cellspacing="0" cellpadding="0">
                                                                        <tr>
                                                                                <td height="30"><b><SPAN CLASS="LINE1">[##_list_conform_##]</b> : 해당되는 글 목록</SPAN></td>
                                                                        </tr>
                                                                        <tr>
                                                                                <td>
                                                                                        <s_list_rep>
                                                                                        <img src="./images/ico_comment.gif"> [##_list_rep_regdate_##] <a onFocus="this.blur();" href=[##_list_rep_link_##]>[##_list_rep_title_##]</a> [##_list_rep_rp_cnt_##]<br>
                                                                                        </s_list_rep>
                                                                                </td>
                                                                        </tr>
                                                                </table><br><br>
        </DIV>
                                                        </s_list>
                                
                                                        <s_article_rep>
        <DIV ID=LEFT>
                                                                <table width="100%"  border="0" cellspacing="0" cellpadding="0">

                                                                        <tr>
                                                                                <td height="0"><DIV CLASS=POST_HEAD><DIV CLASS="POST_TTL"><img src="./images/ico_comment.gif"> <font size="1.3pt">POST:</font> <b>[##_article_rep_title_##]</DIV></b></DIV></td>
                                                                        </tr>

                                                                        <tr>
                                                                                <td class="Article_content">[##_article_rep_desc_##]</td>
                                                                        </tr>

                                                                        <tr>
                                                                                <div class="POST_TAIL"><td align="right"><br><font class="coment"># by [##_article_rep_name_##]
                                                                                |
                                                                                <a onFocus="this.blur();" href="[##_article_rep_link_##]">[##_article_rep_date_##]</a>
                                                                                |
                                                                                <a onFocus="this.blur();" href=[##_article_rep_category_link_##]>[##_article_rep_category_##]</a>
                                                                                |
                                                                                <a onFocus="this.blur();" href=#tb onclick="[##_article_rep_tb_link_##]">트랙백[##_article_rep_tb_cnt_##]</a>
                                                                                |
                                                                  &n

Re: 테이블이 겹치는 현상에 대해서...

Posted: 2004 07 25 10:40 04
by 모질라가good
모질라가 더 보기 좋은데요.. ^^ style.css에서 줄 사이의 값만 변경하세요.

DIV#LEFT {
WIDTH : 100%;
MARGIN-BOTTOM : 50PX;
------------------------------------
MARGIN-left : 5PX;
MARGIN-top : 2PX;
-------------------------------------
PADDING : 10PX;
PADDING-TOP : 5PX;
BORDER : 1PX SOLID #CCCCCC;
BORDER-TOP : 3PX SOLID #CCCCCC;
}