묻고답하기
게시판 레이아웃 조언 좀 부탁드립니다ㅠㅠ
2014.09.15 17:00
위 이미지처럼 한줄 메모장? 같은걸로 수정하고 있는 중인데요.
1번 게시물 처럼, {$no} 이거 다음에 내용이 나오도록 하고 있는데
2번 게시물 처럼, 내용이 넘치면 번호 아래로 내려가버리더라구요ㅠㅠㅠㅠ
이거 어떻게 1번 게시물처럼 길어도 저 공간 그대로 고정되게 수정할 수 있을까요?ㅠㅠㅠ
입력 된 내용은 아래처럼 입력되어 있습니다. number 가 번호 쪽 div고
nubody가 content div인데요.. 어떻게 수정을 해야 될까요..ㅠㅠ
<div id="number" style="float:left; width:30px; font-size:11px; color:#757575;">
{$no}
</div>
<div id="nubody" style="float:left;">
<div class="content">
{$oDocument->getContent(false)}
<p class="edit" style="display:none;"|cond="!$grant->manager || !$oDocument->isEditable() || !$oDocument->isEnableComment()">
{$oDocument->getRegdate('Y.m.d H:i')}
<a cond="$grant->write_comment && $oDocument->isEnableComment()" class="board_btn" href="javascript:showhide('comment_write_{$oDocument->document_srl}');">{$lang->comment}</a>
<a cond="$oDocument->isEditable()" class="board_btn" href="{getUrl('act','dispBoardWrite','document_srl',$oDocument->document_srl,'comment_srl','')}">{$lang->cmd_modify}</a>
<a cond="$oDocument->isEditable()" class="board_btn" href="{getUrl('act','dispBoardDelete','document_srl',$oDocument->document_srl,'comment_srl','')}">{$lang->cmd_delete}</a>
</div>
</div>
댓글 4
-
푸르른하늘
2014.09.15 22:56
-
나다미
2014.09.15 23:04
css는 저것뿐인데요.. style 로 된...ㅠㅠ
<div id="number" style="float:left; width:30px; font-size:11px; color:#757575;">
{$no}
</div>
<div id="nubody" style="float:left;">
이 부분이 다 입니다.
-
neostream
2014.09.15 23:57
번호를 매기는곳에 class를 주고 flaot를 주면 됩니다.
내용이 들어가는 곳은 float를 빼시면 되구요.
이둘을 감싸는 곳에 clearfix를 주시면 됩니다.
예)
<span class="num" style="float:left">번호</span>
<div class="content" style="display:block; padding-left:20px;">내용</div>
-
나다미
2014.09.17 20:36
성공했어요ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ
정말 감사합니다ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ
이것만 봐서는 알수가 없을것 같은데요.
CSS를 같이 봐야 알수있습니다.