모바일 리스트 화면 두개 나오는 이유 질문
본문
모바일에서 리스트 화면이 그림과 같이 두개로 나오는데요.
이유를 모르겠습니다.
그리고 하단 버튼들이 CSS가 먹히지 않은 이유도 모르겠구요...
고수님들 해결책 좀 조언해주십시오.
부탁드립니다....
이미지 소스는 다음과 같습니다.
========================= 다 음 =============================
<div id="wrapper">
<div id="container">
<!--------
-------------->
<section class="board-list font-14">
<aside class="list-category">
<div class="div-tab tabs trans-top hidden-xs">
<ul class="nav nav-tabs">
<li class="active">
<a href="./board.php?bo_table=community">
전체(6) </a>
</li>
<li>
<a href="./board.php?bo_table=community&sca=%EC%9E%AC%EA%B2%BD%EB%8F%99%EC%B0%BD%ED%9A%8C">
재경동창회 </a>
</li>
<li>
<a href="./board.php?bo_table=community&sca=%EC%9E%AC%EB%B6%80%EA%B2%BD%EB%8F%99%EC%B0%BD%ED%9A%8C">
재부경동창회 </a>
</li>
<li>
<a href="./board.php?bo_table=community&sca=%EC%9E%AC%EB%8C%80%EA%B2%BD%EB%8F%99%EC%B0%BD%ED%9A%8C">
재대경동창회 </a>
</li>
<li>
<a href="./board.php?bo_table=community&sca=%EC%9E%AC%EC%9A%B8%EC%82%B0%EB%8F%99%EC%B0%BD%ED%9A%8C">
재울산동창회 </a>
</li>
<li>
<a href="./board.php?bo_table=community&sca=%EC%9E%AC%ED%8F%AC%ED%95%AD%EB%8F%99%EC%B0%BD%ED%9A%8C">
재포항동창회 </a>
</li>
<li>
<a href="./board.php?bo_table=community&sca=%EA%B8%B0%ED%83%80%EB%8F%99%EC%B0%BD%ED%9A%8C">
기타동창회 </a>
</li>
</ul>
</div>
<div class="dropdown visible-xs">
<a id="categoryLabel" data-target="#" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="btn btn-color btn-block">
전체(6)
</a>
<ul class="dropdown-menu" role="menu" aria-labelledby="categoryLabel">
<li class="selected">
<a href="./board.php?bo_table=community">전체</a>
</li>
<li>
<a href="./board.php?bo_table=community&sca=%EC%9E%AC%EA%B2%BD%EB%8F%99%EC%B0%BD%ED%9A%8C">재경동창회</a>
</li>
<li>
<a href="./board.php?bo_table=community&sca=%EC%9E%AC%EB%B6%80%EA%B2%BD%EB%8F%99%EC%B0%BD%ED%9A%8C">재부경동창회</a>
</li>
<li>
<a href="./board.php?bo_table=community&sca=%EC%9E%AC%EB%8C%80%EA%B2%BD%EB%8F%99%EC%B0%BD%ED%9A%8C">재대경동창회</a>
</li>
<li>
<a href="./board.php?bo_table=community&sca=%EC%9E%AC%EC%9A%B8%EC%82%B0%EB%8F%99%EC%B0%BD%ED%9A%8C">재울산동창회</a>
</li>
<li>
<a href="./board.php?bo_table=community&sca=%EC%9E%AC%ED%8F%AC%ED%95%AD%EB%8F%99%EC%B0%BD%ED%9A%8C">재포항동창회</a>
</li>
<li>
<a href="./board.php?bo_table=community&sca=%EA%B8%B0%ED%83%80%EB%8F%99%EC%B0%BD%ED%9A%8C">기타동창회</a>
</li>
</ul>
</div>
</aside>
<div class="list-wrap">
<form name="fboardlist" id="fboardlist" action="./board_list_update.php" onsubmit="return fboardlist_submit(this);" method="post" role="form" class="form">
<input type="hidden" name="bo_table" value="community">
<input type="hidden" name="sfl" value="">
<input type="hidden" name="stx" value="">
<input type="hidden" name="spt" value="">
<input type="hidden" name="sca" value="">
<input type="hidden" name="sst" value="wr_num, wr_reply">
<input type="hidden" name="sod" value="">
<input type="hidden" name="page" value="1">
<input type="hidden" name="sw" value="">
<div class="clearfix h15 hidden-xs"></div>
<p>
Total <b>6</b> Posts, Now <b>1</b> Page
</p>
<div class="list-mobile font-14 no-img">
<div class="list-item media list-notice">
<div class="media-body">
<strong class="media-heading notice">
<a href="http://gyeongsin.co.kr/bbs/board.php?bo_table=community&wr_id=7">
글로벌 지구촌 동문 커뮤니티 </a>
</strong>
</div>
</div>
<div class="list-item media list-notice">
<div class="media-body">
<strong class="media-heading notice">
<a href="http://gyeongsin.co.kr/bbs/board.php?bo_table=community&wr_id=6">
재포항동창회 커뮤니티 </a>
</strong>
</div>
</div>
<div class="list-item media list-notice">
<div class="media-body">
<strong class="media-heading notice">
<a href="http://gyeongsin.co.kr/bbs/board.php?bo_table=community&wr_id=5">
재대경동창회 커뮤니티 </a>
</strong>
</div>
</div>
<div class="list-item media list-notice">
<div class="media-body">
<strong class="media-heading notice">
<a href="http://gyeongsin.co.kr/bbs/board.php?bo_table=community&wr_id=3">
재울산동창회 커뮤니티 </a>
</strong>
</div>
</div>
<div class="list-item media list-notice">
<div class="media-body">
<strong class="media-heading notice">
<a href="http://gyeongsin.co.kr/bbs/board.php?bo_table=community&wr_id=4">
재부경동창회 커뮤니티 </a>
</strong>
</div>
</div>
<div class="list-item media list-notice">
<div class="media-body">
<strong class="media-heading notice">
<a href="http://gyeongsin.co.kr/bbs/board.php?bo_table=community&wr_id=2">
재경동창회 커뮤니티 </a>
</strong>
</div>
</div>
<div class="list-item media">
<div class="media-body">
<strong class="media-heading">
<a href="http://gyeongsin.co.kr/bbs/board.php?bo_table=community&wr_id=7">
글로벌 지구촌 동문 커뮤니티 </a>
</strong>
</div>
</div>
<div class="list-item media">
<div class="media-body">
<strong class="media-heading">
<a href="http://gyeongsin.co.kr/bbs/board.php?bo_table=community&wr_id=6">
재포항동창회 커뮤니티 </a>
</strong>
</div>
</div>
<div class="list-item media">
<div class="media-body">
<strong class="media-heading">
<a href="http://gyeongsin.co.kr/bbs/board.php?bo_table=community&wr_id=5">
재대경동창회 커뮤니티 </a>
</strong>
</div>
</div>
<div class="list-item media">
<div class="media-body">
<strong class="media-heading">
<a href="http://gyeongsin.co.kr/bbs/board.php?bo_table=community&wr_id=4">
재부경동창회 커뮤니티 </a>
</strong>
</div>
</div>
<div class="list-item media">
<div class="media-body">
<strong class="media-heading">
<a href="http://gyeongsin.co.kr/bbs/board.php?bo_table=community&wr_id=3">
재울산동창회 커뮤니티 </a>
</strong>
</div>
</div>
<div class="list-item media">
<div class="media-body">
<strong class="media-heading">
<a href="http://gyeongsin.co.kr/bbs/board.php?bo_table=community&wr_id=2">
재경동창회 커뮤니티 </a>
</strong>
</div>
</div>
</div>
<div class="list-btn-box">
<div class="form-group pull-right list-btn">
<div class="btn-group dropup">
<a href="./write.php?bo_table=community" class="btn btn-color btn-sm"><i class="fa fa-pencil"></i><span>글쓰기</span></a> </div>
</div>
<div class="form-group list-btn font-12">
<div class="btn-group">
<a href="#" class="btn btn-black btn-sm" data-toggle="modal" data-target="#searchModal" onclick="return false;"><i class="fa fa-search"></i></a>
<button type="submit" name="btn_submit" value="선택삭제" onclick="document.pressed=this.value" class="btn btn-black btn-sm"><i class="fa fa-times"></i><span class="hidden-xs"> 선택삭제</span></button>
<button type="submit" name="btn_submit" value="선택복사" onclick="document.pressed=this.value" class="btn btn-black btn-sm"><i class="fa fa-clipboard"></i><span class="hidden-xs"> 선택복사</span></button>
<button type="submit" name="btn_submit" value="선택이동" onclick="document.pressed=this.value" class="btn btn-black btn-sm"><i class="fa fa-arrows"></i><span class="hidden-xs"> 선택이동</span></button>
<button type="button" id="btn_chkall" class="btn btn-black btn-sm"><i class="fa fa-check"></i><span class="hidden-xs"> 전체선택</span></button>
<a href="http://gyeongsin.co.kr/adm/board_form.php?w=u&bo_table=community" class="btn btn-black btn-sm"><i class="fa fa-cog"></i></a>
<a href="http://gyeongsin.co.kr/bbs/board.setup.php?bo_table=community" class="btn btn-color btn-sm win_memo"><i class="fa fa-cogs"></i><span class="hidden-xs"> 설정</span></a>
</div>
</div>
<div class="clearfix"></div>
</div>
</form>
<div class="list-page text-center">
<ul class="pagination pagination-sm en">
<li class="disabled"><a><i class="fa fa-angle-double-left"></i></a></li><li class="disabled"><a><i class="fa fa-angle-left"></i></a></li><li class="active"><a>1</a></li><li class="disabled"><a><i class="fa fa-angle-right"></i></a></li><li class="disabled"><a><i class="fa fa-angle-double-right"></i></a></li> </ul>
</div>
<div class="clearfix"></div>
<noscript>
<p>자바스크립트를 사용하지 않는 경우<br>별도의 확인 절차 없이 바로 선택삭제 처리하므로 주의하시기 바랍니다.</p>
</noscript>
<div class="modal fade" id="searchModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-body">
<div class="text-center">
<h4 id="myModalLabel"><i class="fa fa-search fa-lg"></i> Search</h4>
</div>
<form name="fsearch" method="get" role="form" class="form" style="margin-top:20px;">
<input type="hidden" name="bo_table" value="community">
<input type="hidden" name="sca" value="">
<input type="hidden" name="sop" value="and">
<div class="form-group">
<label for="sfl" class="sound_only">검색대상</label>
<select name="sfl" id="sfl" class="form-control input-sm">
<option value="wr_subject">제목</option>
<option value="wr_content">내용</option>
<option value="wr_subject||wr_content">제목+내용</option>
<option value="mb_id,1">회원아이디</option>
<option value="mb_id,0">회원아이디(코)</option>
<option value="wr_name,1">글쓴이</option>
<option value="wr_name,0">글쓴이(코)</option>
</select>
</div>
<div class="form-group">
<label for="stx" class="sound_only">검색어<strong class="sound_only"> 필수</strong></label>
<input type="text" name="stx" value="" required="" id="stx" class="form-control input-sm" maxlength="20" placeholder="검색어">
</div>
<div class="btn-group btn-group-justified">
<div class="btn-group">
<button type="submit" class="btn btn-color"><i class="fa fa-check"></i></button>
</div>
<div class="btn-group">
<button type="button" class="btn btn-black" data-dismiss="modal"><i class="fa fa-times"></i></button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
<script>
function all_checked(sw) {
var f = document.fboardlist;
for (var i=0; i<f.length; i++) {
if (f.elements[i].name == "chk_wr_id[]")
f.elements[i].checked = sw;
}
}
$(function(){
$("#btn_chkall").click(function(){
var clicked_checked = $(this);
if(clicked_checked.hasClass('active')) {
all_checked(false);
clicked_checked.removeClass('active');
} else {
all_checked(true);
clicked_checked.addClass('active');
}
});
});
function fboardlist_submit(f) {
var chk_count = 0;
for (var i=0; i<f.length; i++) {
if (f.elements[i].name == "chk_wr_id[]" && f.elements[i].checked)
chk_count++;
}
if (!chk_count) {
alert(document.pressed + "할 게시물을 하나 이상 선택하세요.");
return false;
}
if(document.pressed == "선택복사") {
select_copy("copy");
return;
}
if(document.pressed == "선택이동") {
select_copy("move");
return;
}
if(document.pressed == "선택삭제") {
if (!confirm("선택한 게시물을 정말 삭제하시겠습니까?\n\n한번 삭제한 자료는 복구할 수 없습니다\n\n답변글이 있는 게시글을 선택하신 경우\n답변글도 선택하셔야 게시글이 삭제됩니다."))
return false;
f.removeAttribute("target");
f.action = "./board_list_update.php";
}
return true;
}
// 선택한 게시물 복사 및 이동
function select_copy(sw) {
var f = document.fboardlist;
if (sw == "copy")
str = "복사";
else
str = "이동";
var sub_win = window.open("", "move", "left=50, top=50, width=500, height=550, scrollbars=1");
f.sw.value = sw;
f.target = "move";
f.action = "./move.php";
f.submit();
}
</script>
<!-- } 게시판 목록 끝 -->
</div>
</div>
답변 4
반복문이라도 붙은게 아닌지...
위에 올리신 소스는 어떤 파일에 있는걸 올리신건가요 ?
외주를 줘서 코딩 한건데 그 쪽도 이유를 모르겠다는군요... 답답해서 글 올렸는데... index. head, tail들이 mobile폴더에도 만들어져있고 thema\mobile 폴더에도 만들어져 있는데요... 소스보기로 보면 링크는 bbs/board.php?bo_table=community1 로 연결돼 있습니다... 어디가 중복돼 있는거 같은데... 고수님들의 팁이라도 듣고 싶어 글 올렸습니다... ㅠ
직접 소스를 봐야 빨리 알 수 있을것 같네요 ㅠ
링크주소 알려드릴게요...모바일보기로 http://gyeongsin.co.kr/bbs/board.php?bo_table=community 들어오셔서 관련 소스 좀 봐주시면 소스 올리겠습니다. 깊은 관심과 조언에 감사드립니다. ^^
해결이 되셨나요 ?
덕분에 해결했네요... ^^
