tail 부분 모바일버전& pc버전을 주황색 바 처럼 맨 밑에 배치하고 싶은데

2018-05-21 (월) 10:31:57 2,583
|

답변 3개 / 댓글 3개

tai.php 에서

모바일버전(PC 버전) 나오는 부분 바로 위에

<div calss="clearfix"></div>

를 넣어보셨으면 합니다.

답변에 대한 댓글 2개

넣어봤는데 변함이 없네요.
혹시 ftp접속 해서 봐주실 수 이씅신가요.
죄송하지만, 개인적으로 소스를 봐드리기는 어렵습니다.

제작 의뢰 게시판에 의뢰를 검토해 보시면 어떨까 합니다. https://sir.kr/request
Copy
<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 적용해주면 하단에 위치할것같네요.

2018-05-21 (월) 10:35:44

해당 css에 이 값을 추가해 보세요.

vertical-align: bottom;

답변에 대한 댓글 1개

plzcoin.컴인데 혹시 css가 어디 있는지 봐주실 수 있으신가요. 오른쪽 마우스버튼은 풀어놨는데
나오는 경로가 제가 한번도 만져보지 못했던 경로라 조심스러워서요. 시간의 여유가 있으시면 한번 봐주실 수 있으시겠습니까

답변을 작성하려면 로그인이 필요합니다.