게시판 스킨 list.skin.php 에서 창을 작게하면 내용이 삐져나옵니다
본문
반응형 웹으로 만들고 싶어서 list.skin.php 에 있는 표를 수정했는데요
브라우저 창을 최소화하면 텍스트들이 삐져나옵니다
스타일을 어떻게 적용해야 하나요 ㅠㅠ...
<?
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>
답변을 작성하시기 전에 로그인 해주세요.