파일첨부 코딩이 너무 안되서 문의드립니다
본문
원래 기본 그누디자인 형태에서는 잘되었는데
스킨 스타일을 완전히 바꾸다 보니까 첨부파일쪽이 계속 애를 먹어서 도움좀 부탁드립니다
원래 상태는 위 사진같은 형태인데요
http://noleter.dothome.co.kr/bbs/write.php?bo_table=free&device=mobile
<tr>
<th scope="row">첨부파일
<a href="#" onclick="add_file(); return false;" title="첨부파일 추가"><img src="<?php echo $board_skin_url ?>/img/btn_file_add.png"/></a>
</th>
<td>
<div id="variableFiles"></div>
</td>
</tr>
이 스킨으로 첨부파일을 넣으려고 하는데요
여러가지로 엉망인 상태인데요
첨부파일부분이 같이 늘어나야되는데
오른쪽만 늘어납니다
<div class="fz_title_tag">
<span style="float: left;">첨부파일
<a href="#" onclick="add_file(); return false;" title="첨부파일 추가"><img src="<?php echo $board_skin_url ?>/img/btn_file_add.png"/></a>
</span>
<span id="variableFiles" style="float: right;"></span>
</div>
원래는 <div id="variableFiles"></div> 인데 제가 span으로 바꾼거거든요
자꾸 내려가서요
겨우 라인은 맞췄는데
도저히 안되서 문의드립니다
어떻게 해야 같이 늘어날까여?
http://noleter.dothome.co.kr/bbs/write.php?bo_table=qa&device=mobile
답변 1
fz_title_tag 안에 left float 과 right float 을 두시고 right float 레이어 (#variableFiles)에 가변적으로 추가하게 하셨네요.
#variableFiles 에 내용이 추가되도 float 되어있는 레이어이기 때문에 fz_title_tag 는 height 가 변하지 않습니다.
fZ_title_tag 에 clearfix hack 을 적용하시면 될듯한데요..
일단은,
.fz_title_tag {
/* 원래 속성들...그리고 아래에 다음 추가 */
overflow:auto;
height:100%;
}
감사합니다
