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

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

QA

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

답변 1

본문

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

 

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

 

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

 

007e0114cf8f0e8295720e4e14c66e1f_1421917873_4817.png
007e0114cf8f0e8295720e4e14c66e1f_1421917873_5315.png
 

 


<?
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

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 125,873
© SIRSOFT
현재 페이지 제일 처음으로