채택완료

게시판 스킨 list.skin.php 에서 창을 작게하면 내용이 삐져나옵니다

2015-01-22 (목) 18:12:02 3,648

반응형 웹으로 만들고 싶어서 list.skin.php 에 있는 표를 수정했는데요

브라우저 창을 최소화하면 텍스트들이 삐져나옵니다

스타일을 어떻게 적용해야 하나요 ㅠㅠ...

007e0114cf8f0e8295720e4e14c66e1f_1421917873_4817.png
007e0114cf8f0e8295720e4e14c66e1f_1421917873_5315.png
 

Copy
<?if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가  // 선택옵션으로 인해 셀합치기가 가변적으로 변함$colspan = 5; //if ($is_category) $colspan++;if ($is_checkbox) $colspan++;if ($is_good) $colspan++;if ($is_nogood) $colspan++; // 제목이 두줄로 표시되는 경우 이 코드를 사용해 보세요.// <nobr style='display:block; overflow:hidden; width:000px;'>제목</nobr>?> <style>/*.board_top { clear:both; } .board_list { clear:both; width:100%; table-layout:fixed; margin:5px 0 0 0; }.board_list th { font-weight:bold; font-size:12px; } .board_list th { background:url(<?=$board_skin_path?>/img/title_bg.gif) repeat-x; } .board_list th { white-space:nowrap; height:34px; overflow:hidden; text-align:center; } .board_list th { border-top:1px solid #ddd; border-bottom:1px solid #ddd; }  .board_list tr.bg0 { background-color:#fafafa; } .board_list tr.bg1 { background-color:#ffffff; }  .board_list td { padding:.5em; }.board_list td { border-bottom:1px solid #ddd; } .board_list td.num { color:#999999; text-align:center; }.board_list td.checkbox { text-align:center; }.board_list td.subject { overflow:hidden; }.board_list td.name { padding:0 0 0 10px; }.board_list td.datetime { font:normal 11px tahoma; color:#BABABA; text-align:center; }.board_list td.hit { font:normal 11px tahoma; color:#BABABA; text-align:center; } .board_list .notice { font-weight:normal; }.board_list .current { font:bold 11px tahoma; color:#E15916; }.board_list .comment { font-family:Tahoma; font-size:10px; color:#EE5A00; }  */ .board_button { /*clear:both;*/ margin:10px 0 0 0; } .board_page { /*clear:both;*/ text-align:center; margin:3px 0 0 0; }/* .board_page a:link { color:#777; } */ .board_search { text-align:center; margin:10px 0 0 0; }.board_search .stx { height:21px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; }   .list-table a:link, .list-table a:visited {  color: #000; /* #004db1 */  text-decoration: none;}.list-table a:hover, .list-table a:active {  color: #f00;  text-decoration: none;} .list-table {  width:100%;  /* table-layout:fixed; */  /*  white-space:nowrap;  overflow:hidden;  */} .list-table td,.list-table th {  padding:5px;} .list-table td {  border-bottom:1px solid #ddd;} .list-table thead {  color:#000;  background:#eee;} .list-table tbody {  /* background:#f6f6f6; */}   .num-head,.num-body,.datetime-head,.datetime-body,.hit-head,.hit-body,.name-head,.name-body {  display:none;}  .num-head,.num-body,.checkbox-head,.checkbox-body,.subject-head,.name-head,.datetime-head,.datetime-body,.hit-head,.hit-body {  text-align:center;}        @media (min-width: 768px) { .num-head,.num-body,.datetime-head,.datetime-body,.hit-head,.hit-body,.name-head,.name-body {  display:table-cell;} /*.num-col {  width:3%;}.checkbox-col {  width:3%;}.subject-col {  width:68%;}.name-col {  width:15%;}.datetime-col {  width:6%;}.hit-col {  width:5%;}*/   }      @media (min-width: 992px) {    } @media (min-width: 1200px) {     }   </style>   <!-- 게시판 목록 시작 -->       <!-- 분류 셀렉트 박스, 게시물 몇건, 관리자화면 링크 -->    <div class="board_top">        <div style="float:left;">            <form name="fcategory" method="get" style="margin:0px;">            <? if ($is_category) { ?>            <select name=sca onchange="location='<?=$category_location?>'+<?=strtolower($g4[charset])=='utf-8' ? "encodeURIComponent(this.value)" : "this.value"?>;">            <option value=''>전체</option>            <?=$category_option?>            </select>            <? } ?>            </form>        </div>        <div style="float:right;">            <img src="<?=$board_skin_path?>/img/icon_total.gif" align="absmiddle" border='0'>            <span style="color:#888888; font-weight:bold;">Total <?=number_format($total_count)?></span>            <? if ($rss_href) { ?><a href='<?=$rss_href?>'><img src='<?=$board_skin_path?>/img/btn_rss.gif' border='0' align="absmiddle"></a><?}?>            <? if ($admin_href) { ?><a href="<?=$admin_href?>"><img src="<?=$board_skin_path?>/img/btn_admin.gif" border='0' title="관리자" align="absmiddle"></a><?}?>        </div>    </div>     <!-- 제목 -->    <form name="fboardlist" method="post">    <input type='hidden' name='bo_table' value='<?=$bo_table?>'>    <input type='hidden' name='sfl'  value='<?=$sfl?>'>    <input type='hidden' name='stx'  value='<?=$stx?>'>    <input type='hidden' name='spt'  value='<?=$spt?>'>    <input type='hidden' name='page' value='<?=$page?>'>    <input type='hidden' name='sw'   value=''>                              <table class="list-table">	    <col class="num-col" />    <? if ($is_checkbox) { ?><col class="checkbox-col" /><? } ?>    <col class="subject-col" />    <col class="name-col" />    <col class="datetime-col" />    <col class="hit-col" />		<thead>    <tr>        <th class="num-head">번호</th>        <? if ($is_checkbox) { ?><th class="checkbox-head"><input onclick="if (this.checked) all_checked(true); else all_checked(false);" type="checkbox"></th><?}?>        <th class="subject-head">제목</th>        <th class="name-head">글쓴이</th>        <th class="datetime-head">날짜</th>        <th class="hit-head">조회</th>    </tr>	</thead>     <?     for ($i=0; $i<count($list); $i++) {         $bg = $i%2 ? 0 : 1;    ?>     <tbody>    <tr class="bg<?=$bg?>">         <td class="num-body">            <?             if ($list[$i][is_notice]) // 공지사항                 echo "<strong>공지</strong>";            else if ($wr_id == $list[$i][wr_id]) // 현재위치                echo "<strong>{$list[$i][num]}</strong>";            else                echo $list[$i][num];            ?>        </td>        <? if ($is_checkbox) { ?><td class="checkbox-body"><input type=checkbox name=chk_wr_id[] value="<?=$list[$i][wr_id]?>"></td><? } ?>        <td class="subject-body">            <?             echo $nobr_begin;            echo $list[$i][reply];            echo $list[$i][icon_reply];            if ($is_category && $list[$i][ca_name]) {                 echo "<a href='{$list[$i][ca_name_href]}'>[{$list[$i][ca_name]}]</a> ";            }             if ($list[$i][is_notice])                echo "<a href='{$list[$i][href]}'>{$list[$i][subject]}</a>";            else                echo "<a href='{$list[$i][href]}'>{$list[$i][subject]}</a>";             if ($list[$i][comment_cnt])                 echo " {$list[$i][comment_cnt]}";             // if ($list[$i]['link']['count']) { echo "[{$list[$i]['link']['count']}]"; }            // if ($list[$i]['file']['count']) { echo "<{$list[$i]['file']['count']}>"; }             echo " " . $list[$i][icon_new];            echo " " . $list[$i][icon_file];            echo " " . $list[$i][icon_link];            echo " " . $list[$i][icon_hot];            echo " " . $list[$i][icon_secret];            echo $nobr_end;            ?>        </td>        <td class="name-body"><?=$list[$i][name]?></td>        <td class="datetime-body"><?=$list[$i][datetime2]?></td>        <td class="hit-body"><?=$list[$i][wr_hit]?></td>    </tr>	</tbody>    <? } // end for ?>     <? if (count($list) == 0) { echo "<tr><td colspan='$colspan' height=100 align=center>게시물이 없습니다.</td></tr>"; } ?>     </table>    </form>

답변 1개

채택된 답변
+20 포인트
2015-01-23 (금) 10:37:42
width:100%

답변을 작성하려면 로그인이 필요합니다.