게시판 뷰 화면에서 내용이나 코맨트 글올릴 때 제목이나 내용을 줄바꿈없이 한줄로 길게 늘어 뜨리면 테이블이 그 내용의 길이 만큼 늘어납니다

 

위 그림 처럼 IE 에서는 문제 없습니다만  FF 에서 이렇네요

 

답변 부탁 드립니다

 

 

============view.skin.php

 

<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
?>

<!-- 게시글 보기 시작 -->
<table width="100%" align="center" cellpadding="0" cellspacing="0" style='word-break:break-all;'><tr><td>

<!-- 링크 버튼 -->
<?
ob_start();
?>

<?
$link_buttons = ob_get_contents();
ob_end_flush();
?>

<!-- 제목, 글쓴이, 날짜, 조회, 추천, 비추천 -->
<table width="100%" cellspacing="0" cellpadding="0" style='TABLE-LAYOUT: fixed;'>
<tr><td height="33">

<table width="100%" height="33" cellpadding=0 cellspacing=0 style='word-break:break-all;'>
<tr><td width="5" height="33" bgcolor="#eeeeee"><img src="<?=$g4['path']?>/img/top_l.gif" width="5" height="33">

<td width="100%" height="33" style='word-break:break-all;' bgcolor="#EEEEEE">  <strong><span id="writeSubject"><? if ($is_category) { echo ($category_name ? "[$view[ca_name]] " : ""); } ?><?=cut_hangul_last(get_text($view[wr_subject]))?></span></strong></td>

<!--<td width=50><a href="javascript:scaleFont(+1);"><img src='<?=$g4['path']?>/img/icon_zoomin.gif' border=0 title='글자 확대'></a>
<a href="javascript:scaleFont(-1);"><img src='<?=$g4['path']?>/img/icon_zoomout.gif' border=0 title='글자 축소'></a></td> -->

<td width="4" height="33" bgcolor="#EEEEEE"><img src="<?=$g4['path']?>/img/top_r.gif" width="4" height="33"></td></tr></table>

</td></tr>

<tr><td height=30>  글쓴이 :  <?=$view[name]?><? if ($is_ip_view) { echo " ($ip)"; } ?>    
    날짜 : <?=substr($view[wr_datetime],2,14)?>    
    조회 : <?=$view[wr_hit]?>    
    <? if ($is_good) { ?>추천 : <?=$view[wr_good]?>    <?}?>
    <? if ($is_nogood) { ?>비추천 : <?=$view[wr_nogood]?>    <?}?>

</td></tr>

<tr><td height=1 width=100% bgcolor=#eeeeee>
</td></tr>

<? if ($trackback_url) { ?><tr><td height=25>  트랙백 주소 : <a href="javascript:clipboard_trackback('<?=$trackback_url?>');" style="letter-spacing:0;" title='이 글을 소개할 때는 이 주소를 사용하세요'><?=$trackback_url?></a></td></tr><?}?>
<script language="JavaScript">
            function clipboard_trackback(str) {
                if (g4_is_gecko)
                    prompt("이 글의 고유주소입니다. Ctrl+C를 눌러 복사하세요.", str);
                else if (g4_is_ie) {
                    window.clipboardData.setData("Text", str);
                    alert("트랙백 주소가 복사되었습니다.\n\n<?=$trackback_url?>");
                }
            }
</script>

<?
// 가변 파일
$cnt = 0;
for ($i=0; $i<count($view[file]); $i++) {
    if ($view[file][$i][source] && !$view[file][$i][view]) {
        $cnt++;
        //echo "<tr><td height=22>  <img src='{$g4[path]}/img/icon_file.gif' align=absmiddle> <a href='{$view[file][$i][href]}' title='{$view[file][$i][content]}'><strong>{$view[file][$i][source]}</strong> ({$view[file][$i][size]}), Down : {$view[file][$i][download]}, {$view[file][$i][datetime]}</a></td></tr>";
        echo "<tr><td height=22>  <img src='{$g4[path]}/img/icon_file.gif' align=absmiddle> <a href=\"javascript:file_download('{$view[file][$i][href]}', '{$view[file][$i][source]}');\" title='{$view[file][$i][content]}'><strong>{$view[file][$i][source]}</strong> ({$view[file][$i][size]}), Down : {$view[file][$i][download]}, {$view[file][$i][datetime]}</a></td></tr>";
    }
}

// 링크
$cnt = 0;
for ($i=1; $i<=$g4[link_count]; $i++) {
    if ($view[link][$i]) {
        $cnt++;
        $link = cut_str($view[link][$i], 70);
        echo "<tr><td height=22>  <img src='{$g4[path]}/img/icon_link.gif' align=absmiddle> <a href='{$view[link_href][$i]}' target=_blank><strong>{$link}</strong> ({$view[link_hit][$i]})</a></td></tr>";
    }
}
?>
<tr><td height="10"></td></tr>

<tr><td height="150" style='word-break:break-all;padding:5px;border:1px solid #eeeeee;' valign="top">
<span id="writeContents" class="ct lh">
<?
        // 파일 출력
        for ($i=0; $i<=count($view[file]); $i++) {
            if ($view[file][$i][view])
                echo $view[file][$i][view] . "<p>";
        }
?>

<!-- 내용 출력 -->
<?=$view[content];?></span>
<?//echo $view[rich_content]; // 과 같은 코드를 사용할 경우?>
<!-- 테러 태그 방지용 --></xml></xmp><a href=""></a><a href=''></a>
<? if ($is_signature) { echo "<br>$signature<br><br>"; } // 서명 출력 ?>
</td></tr></table>

<br>

<?
// 코멘트 입출력
include_once("./view_comment.php");
?>

<?=$link_buttons?>

</td></tr></table><br>

<script language="JavaScript">
function file_download(link, file)
{
document.location.href = link;
}
</script>

<script language="JavaScript" src="<?="$g4[path]/js/board.js"?>"></script>
<script language="JavaScript">
window.onload=function() {
    resizeBoardImage(<?=(int)$board[bo_image_width]?>);
    drawFont();
}
</script>
<!-- 게시글 보기 끝 -->

 

 

 

============view_comment.skin.php

 

<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
?>

<script language="JavaScript">
// 글자수 제한
var char_min = parseInt(<?=$comment_min?>); // 최소
var char_max = parseInt(<?=$comment_max?>); // 최대
</script>

<? if ($cwin==1) { ?><table width=100% cellpadding=10 align=center><tr><td><?}?>

<!-- 코멘트 리스트 -->
<div id="commentContents">
<?
for ($i=0; $i<count($list); $i++) {
    $comment_id = $list[$i][wr_id];
?>
<a name="c_<?=$comment_id?>"></a>
<table width=100% cellpadding=0 cellspacing=0>
<tr>
<td><? for ($k=0; $k<strlen($list[$i][wr_comment_reply]); $k++) echo "     "; ?></td>
<td width='100%'>

<table width=100% cellpadding=0 cellspacing=0>
<tr>
<!-- 이름, 아이피 -->
<td><strong><?=$list[$i][name]?><? if ($is_ip_view) { echo " ({$list[$i][ip]})"; } ?></strong></td>
<!-- 링크 버튼, 코멘트 작성시간 -->
<td align=right>
<? if ($list[$i][is_reply]) { echo "<a href=\"javascript:comment_box('{$comment_id}', 'c');\"><img src='$g4[path]/img/btn_comment_reply.gif' border=0 align=absmiddle></a> "; } ?>
<? if ($list[$i][is_edit]) { echo "<a href=\"javascript:comment_box('{$comment_id}', 'cu');\"><img src='$g4[path]/img/btn_comment_update.gif' border=0 align=absmiddle></a> "; } ?>
<? if ($list[$i][is_del])  { echo "<a href=\"javascript:comment_delete('{$list[$i][del_link]}');\"><img src='$g4[path]/img/btn_comment_delete.gif' border=0 align=absmiddle></a> "; } ?>  <?=$list[$i][datetime]?></td></tr>
<tr><td height=5>
</td></tr></table>

<table width=100% cellpadding=0 cellspacing=0 style='border:1px solid #eeeeee;background:#eeeeee;'>
<tr>                           
<td style='word-break:break-all;' colspan=2 >
<!-- 코멘트 출력 -->
<div><span class="ct lh"><?=$list[$i][content]?></span></div>
<? if ($list[$i][trackback]) { echo "<p>".$list[$i][trackback]."</p>"; } ?>
<span id='edit_<?=$comment_id?>' style='display:none;'></span> <!-- 수정 -->
<span id='reply_<?=$comment_id?>' style='display:none;'></span> <!-- 답변 -->
</td></tr></table>

<table width=100% cellpadding=0 cellspacing=0>
<tr><td colspan=2 height=20>
</td></tr></table>
<textarea id='save_comment_<?=$comment_id?>' style='display:none;'><?=get_text($list[$i][wr_content], 0)?></textarea>
</td></tr></table>
<? } ?>
</div>
<!-- 코멘트 리스트 -->

<? if ($is_comment_write) { ?>
<!-- 코멘트 입력 -->

<!--
<table width=100% cellpadding=3 cellspacing=0 bgcolor=#FFFFFF><tr><td align=right><a href="javascript:comment_box('', 'c');"><span class='small' style='color:#888888;'>코멘트입력</span></a>
</td></tr></table>
-->

<span id=comment_write style='display:none;'>
<form name="fviewcomment" method="post" action="./write_comment_update.php" onsubmit="return fviewcomment_submit(this);" autocomplete="off" style="margin:0px;">
<input type=hidden name=w           id=w value='c'>
<input type=hidden name=bo_table    value='<?=$bo_table?>'>
<input type=hidden name=wr_id       value='<?=$wr_id?>'>
<input type=hidden name=comment_id  id='comment_id' value=''>
<input type=hidden name=sca         value='<?=$sca?>' >
<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=cwin        value='<?=$cwin?>'>

<table width=100% cellpadding=3 cellspacing=0 bgcolor=#eeeeee>
<tr><td colspan=2>

<table width=100% cellpadding=0 cellspacing=0>
<tr><td width="80%">
 <? if ($is_guest) { ?>
        이름 <INPUT type=text maxLength=20 size=15 name="wr_name" itemname="이름" required class=ed>
        패스워드 <INPUT type=password maxLength=20 size=15 name="wr_password" itemname="패스워드" required class=ed>
            <? if ($is_norobot) { ?>
                <?=$norobot_str?>
                <INPUT title="왼쪽의 글자중 빨간글자만 순서대로 입력하세요." type="input" name="wr_key" itemname="자동등록방지" required class=ed>
<?}?>
<?}?>
</td>
<td width="20%" align="right">
<span style="cursor: pointer;" onclick="textarea_decrease('wr_content', 10);"><img src="<?=$g4['path']?>/img/up.gif"></span>
<span style="cursor: pointer;" onclick="textarea_original('wr_content', 10);"><img src="<?=$g4['path']?>/img/start.gif"></span>
<span style="cursor: pointer;" onclick="textarea_increase('wr_content', 10);"><img src="<?=$g4['path']?>/img/down.gif"></span>

<? if ($comment_min || $comment_max) { ?><span id=char_count></span>글자<?}?>

</td></tr></table>
     
</td></tr>

<tr><td width="95%">
<textarea id="wr_content" name="wr_content" rows="5" itemname="내용" required
<? if ($comment_min || $comment_max) { ?>onkeyup="check_byte('wr_content', 'char_count');"<?}?> style='width:100%; word-break:break-all;' class=tx></textarea>
<? if ($comment_min || $comment_max) { ?><script language="javascript"> check_byte('wr_content', 'char_count'); </script><?}?></td>
<td width=80 align=center><input type="image" src="<?=$g4['path']?>/img/ok_button.gif" border=0 align="absmiddle" accesskey='s'> 
</td></tr></table>
    
</form>
</span>

<script language='JavaScript'>
var save_before = '';
var save_html = document.getElementById('comment_write').innerHTML;
function fviewcomment_submit(f)
{
    var pattern = /(^\s*)|(\s*$)/g; // \s 공백 문자

    var s;
    if (s = word_filter_check(document.getElementById('wr_content').value))
    {
        alert("내용에 금지단어('"+s+"')가 포함되어있습니다");
        document.getElementById('wr_content').focus();
        return false;
    }

    // 양쪽 공백 없애기
    var pattern = /(^\s*)|(\s*$)/g; // \s 공백 문자
    document.getElementById('wr_content').value = document.getElementById('wr_content').value.replace(pattern, "");
    if (char_min > 0 || char_max > 0)
    {
        check_byte('wr_content', 'char_count');
        var cnt = parseInt(document.getElementById('char_count').innerHTML);
        if (char_min > 0 && char_min > cnt)
        {
            alert("코멘트는 "+char_min+"글자 이상 쓰셔야 합니다.");
            return false;
        } else if (char_max > 0 && char_max < cnt)
        {
            alert("코멘트는 "+char_max+"글자 이하로 쓰셔야 합니다.");
            return false;
        }
    }
    else if (!document.getElementById('wr_content').value)
    {
        alert("코멘트를 입력하여 주십시오.");
        return false;
    }

    if (typeof(f.wr_name) != 'undefined')
    {
        f.wr_name.value = f.wr_name.value.replace(pattern, "");
        if (f.wr_name.value == '')
        {
            alert('이름이 입력되지 않았습니다.');
            f.wr_name.focus();
            return false;
        }
    }

    if (typeof(f.wr_password) != 'undefined')
    {
        f.wr_password.value = f.wr_password.value.replace(pattern, "");
        if (f.wr_password.value == '')
        {
            alert('패스워드가 입력되지 않았습니다.');
            f.wr_password.focus();
            return false;
        }
    }

    if (typeof(f.wr_key) != 'undefined')
    {
        if (hex_md5(f.wr_key.value) != md5_norobot_key)
        {
            alert('자동등록방지용 빨간글자가 순서대로 입력되지 않았습니다.');
            f.wr_key.focus();
            return false;
        }
    }

    return true;
}

function comment_box(comment_id, work)
{
    var el_id;
    // 코멘트 아이디가 넘어오면 답변, 수정
    if (comment_id)
    {
        if (work == 'c')
            el_id = 'reply_' + comment_id;
        else
            el_id = 'edit_' + comment_id;
    }
    else
        el_id = 'comment_write';

    if (save_before != el_id)
    {
        if (save_before)
        {
            document.getElementById(save_before).style.display = 'none';
            document.getElementById(save_before).innerHTML = '';
        }

        document.getElementById(el_id).style.display = '';
        document.getElementById(el_id).innerHTML = save_html;
        // 코멘트 수정
        if (work == 'cu')
        {
            document.getElementById('wr_content').value = document.getElementById('save_comment_' + comment_id).value;
            if (typeof char_count != 'undefined')
                check_byte('wr_content', 'char_count');
        }

        document.getElementById('comment_id').value = comment_id;
        document.getElementById('w').value = work;

        save_before = el_id;
    }
}

function comment_delete(url)
{
    if (confirm("이 코멘트를 삭제하시겠습니까?")) location.href = url;
}

comment_box('', 'c'); // 코멘트 입력폼이 보이도록 처리하기위해서 추가 (root님)
</script>
<? } ?>

<? if($cwin==1) { ?></td><tr></table><p align=center><a href="javascript:window.close();"><img src="<?=$g4['path']?>/img/btn_close.gif" border="0"></a><br><br><?}?>