채택완료
게시판 스킨 list.skin.php 에서 창을 작게하면 내용이 삐져나옵니다
반응형 웹으로 만들고 싶어서 list.skin.php 에 있는 표를 수정했는데요
브라우저 창을 최소화하면 텍스트들이 삐져나옵니다
스타일을 어떻게 적용해야 하나요 ㅠㅠ...


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%
답변을 작성하려면 로그인이 필요합니다.