테스트 사이트 - 개발 중인 베타 버전입니다

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

클로저 10년 전 조회 3,296

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

 

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

 

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

 



 

 

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

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

답변 1개

채택된 답변
+20 포인트
width:100%
로그인 후 평가할 수 있습니다

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

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

로그인