tail 부분 모바일버전& pc버전을 주황색 바 처럼 맨 밑에 배치하고 싶은데
본문
어떻게 하면 좋을지 조언 부탁드립니다.
쉽지 않네요 ㅎㅎ
<tail부분입니다.>
<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
?>
<?php if($col_name) { ?>
<?php if($col_name == "two") { ?>
</div>
<div class="col-md-<?php echo $col_side;?><?php echo ($at_set['side']) ? ' pull-left' : '';?> at-col at-side">
<?php include_once($is_side_file); // Side ?>
</div>
</div>
<?php } else { ?>
</div><!-- .at-content -->
<?php } ?>
</div><!-- .at-container -->
<?php } ?>
</div><!-- .at-body -->
<?php if(!$is_main_footer) { ?>
<footer class="at-footer">
<?php /*?><div class="at-map">
<div class="container">
<ul>
<li class="ellipsis"><a href="<?php echo G5_BBS_URL;?>/page.php?hid=intro"><i class="fa fa-leaf"></i> <span>사이트 소개</span></a></li>
<li class="ellipsis"><a href="<?php echo G5_BBS_URL;?>/page.php?hid=provision"><i class="fa fa-check-circle"></i> <span>이용약관</span></a></li>
<li class="ellipsis"><a href="<?php echo G5_BBS_URL;?>/page.php?hid=privacy"><i class="fa fa-plus-circle"></i> <span>개인정보취급방침</span></a></li>
<li class="ellipsis"><a href="<?php echo G5_BBS_URL;?>/page.php?hid=noemail"><i class="fa fa-ban"></i> <span>이메일 무단수집거부</span></a></li>
<li class="ellipsis"><a href="<?php echo G5_BBS_URL;?>/write.php?bo_table=inquire"><i class="fa fa-question-circle"></i> <span>문의하기</span></a></li>
<li class="pull-right ellipsis"><a href="<?php echo $as_href['pc_mobile'];?>"><i class="fa fa-tablet"></i> <span><?php echo (G5_IS_MOBILE) ? 'PC' : '모바일';?> 버전</span></a></li>
</ul>
<div class="clearfix"></div>
</div>
</div><?php */?>
<div class="at-copyright">
<div class="container">
<div class="media">
<div class="footer-logo pull-left hidden-xs" >
<img src="/logo1.png" border="0">
<!--<i class="fa fa-html5 fa-3x" style="color:#979798; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;"></i> -->
</div>
<div class="media-body">
<ul>
<li style="letter-spacing:1px;"><b>코리아자동차유리</b></li>
<li>대표 : 전병학</li>
<li>주소 : 충남 천안시 서북구 천안대로1215</li>
<!--<li>대표번호 : <span>*** 개인정보보호를 위한 휴대폰번호 노출방지 ***</span></li>-->
<li>휴대전화 : <span>*** 개인정보보호를 위한 휴대폰번호 노출방지 ***</span></li>
<!--<li>개인정보관리책임자 : 관리자</li>-->
<li>이메일 : <span>*** 개인정보보호를 위한 이메일주소 노출방지 ***</span></li>
<li><span class="copyright">© All Rights Reserved.</span></li>
<li class="pull-right ellipsis"><a href="<?php echo $as_href['pc_mobile'];?>"><i class="fa fa-tablet"></i> <span><b><?php echo (G5_IS_MOBILE) ? 'PC' : '모바일';?> 버전보기</span></b></a> </li>
</ul>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
</footer>
<?php } ?>
</div><!-- .wrapper -->
<?php /*?> <?php if (!G5_IS_MOBILE) { ?>
<div class="at-go" >
<div id="go-talk" class="go-talk" >
<iframe scrolling='no' frameborder='none' style='width:180px; height:220px;' src='//kr07.tocplus007.com/iframeChatLoader.do?userId=webstar&color=1e2845'></iframe>
</div> <?php } ?>
<div id="go-btn" class="go-btn">
<span class="go-top cursor"><i class="fa fa-chevron-up"></i></span>
<span class="go-bottom cursor"><i class="fa fa-chevron-down"></i></span>
</div>
</div>
<?php */?>
<!--[if lt IE 9]>
<script type="text/javascript" src="<?php echo THEMA_URL;?>/assets/js/respond.js"></script>
<![endif]-->
<!-- JavaScript -->
<script>
var sub_show = "<?php echo $at_set['subv'];?>";
var sub_hide = "<?php echo $at_set['subh'];?>";
var menu_startAt = "<?php echo ($m_sat) ? $m_sat : 0;?>";
var menu_sub = "<?php echo $m_sub;?>";
var menu_subAt = "<?php echo ($m_subsat) ? $m_subsat : 0;?>";
</script>
<script src="<?php echo THEMA_URL;?>/assets/bs3/js/bootstrap.min.js"></script>
<script src="<?php echo THEMA_URL;?>/assets/js/sly.min.js"></script>
<script src="<?php echo THEMA_URL;?>/assets/js/custom.js"></script>
<?php if($is_sticky_nav) { ?>
<script src="<?php echo THEMA_URL;?>/assets/js/sticky.js"></script>
<?php } ?>
<?php echo apms_widget('basic-sidebar'); //사이드바 및 모바일 메뉴(UI) ?>
<?php if($is_designer || $is_demo) include_once(THEMA_PATH.'/assets/switcher.php'); //Style Switcher ?>
답변 3
해당 css에 이 값을 추가해 보세요.
vertical-align: bottom;
<footer class="at-footer">
<?php /*?><div class="at-map">
<div class="container">
<ul>
<li class="ellipsis"><a href="<?php echo G5_BBS_URL;?>/page.php?hid=intro"><i class="fa fa-leaf"></i> <span>사이트 소개</span></a></li>
<li class="ellipsis"><a href="<?php echo G5_BBS_URL;?>/page.php?hid=provision"><i class="fa fa-check-circle"></i> <span>이용약관</span></a></li>
<li class="ellipsis"><a href="<?php echo G5_BBS_URL;?>/page.php?hid=privacy"><i class="fa fa-plus-circle"></i> <span>개인정보취급방침</span></a></li>
<li class="ellipsis"><a href="<?php echo G5_BBS_URL;?>/page.php?hid=noemail"><i class="fa fa-ban"></i> <span>이메일 무단수집거부</span></a></li>
<li class="ellipsis"><a href="<?php echo G5_BBS_URL;?>/write.php?bo_table=inquire"><i class="fa fa-question-circle"></i> <span>문의하기</span></a></li>
<li class="pull-right ellipsis"><a href="<?php echo $as_href['pc_mobile'];?>"><i class="fa fa-tablet"></i> <span><?php echo (G5_IS_MOBILE) ? 'PC' : '모바일';?> 버전</span></a></li>
</ul>
<div class="clearfix"></div>
</div>
</div><?php */?>
<div class="at-copyright">
<div class="container">
<div class="media">
<div class="footer-logo pull-left hidden-xs" >
<img src="/logo1.png" border="0">
<!--<i class="fa fa-html5 fa-3x" style="color:#979798; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;"></i> -->
</div>
<div class="media-body">
<ul>
<li style="letter-spacing:1px;"><b>코리아자동차유리</b></li>
<li>대표 : 전병학</li>
<li>주소 : 충남 천안시 서북구 천안대로1215</li>
<!--<li>대표번호 : <span>*** 개인정보보호를 위한 휴대폰번호 노출방지 ***</span></li>-->
<li>휴대전화 : <span>*** 개인정보보호를 위한 휴대폰번호 노출방지 ***</span></li>
<!--<li>개인정보관리책임자 : 관리자</li>-->
<li>이메일 : <span>*** 개인정보보호를 위한 이메일주소 노출방지 ***</span></li>
<li><span class="copyright">© All Rights Reserved.</span></li>
</ul>
<div class="pull-right ellipsis" style="display:block">
<a href="<?php echo $as_href['pc_mobile'];?>"><i class="fa fa-tablet"></i> <span><b><?php echo (G5_IS_MOBILE) ? 'PC' : '모바일';?> 버전보기</span></b></a>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
</footer>
자세한 css스타일이 없어서 정확하게 알순없지만 위 코드처럼 ul테그안에 li로 들어가있는 모바일/PC버전보기 내용을 div로 따로 빼고 display:block 적용해주면 하단에 위치할것같네요.
!-->tai.php 에서
모바일버전(PC 버전) 나오는 부분 바로 위에
<div calss="clearfix"></div>
를 넣어보셨으면 합니다.