모바일 푸터 글자가 잘려서 2줄로 표시됨. + 모바일 푸터 빈공간 해결
본문
pc크롬으로는 데스크탑 버젼으로 봤을때 푸터에 ft_info, ft_cs 부분이 한줄씩 잘 나오는대.
모바일에서 데스크톱 버젼으로 보면 팩스, 영업시간 등이 칸이 부족한건지 잘려서 2줄로 나옵니다.
화면 크기에 맞게 크기를 조정해주려고 width에 auto속성을 줬는대 그것 때문인가요?
그리고 모바일에서 데스크톱버전으로 보면 푸터 밑에 빈공간이 생기는대 안생기게 하려면 뭘 수정하면 될까요?
주소는 smieltrip.tk입니다.
<div id="ft">
<div>
<a href="<?php echo G5_SHOP_URL; ?>/" id="ft_logo"><img src="<?php echo G5_DATA_URL; ?>/common/logo_img2" alt="처음으로"></a>
<ul>
<li><a href="<?php echo G5_BBS_URL; ?>/content.php?co_id=company">회사소개</a></li>
<li><a href="<?php echo G5_BBS_URL; ?>/content.php?co_id=provision">서비스이용약관</a></li>
<li><a href="<?php echo G5_BBS_URL; ?>/content.php?co_id=privacy">개인정보 취급방침</a></li>
</ul>
<p>
<span><b>회사명</b> <?php echo $default['de_admin_company_name']; ?></span>
<span><b>주소</b> <?php echo $default['de_admin_company_addr']; ?></span><br>
<span><b>사업자 등록번호</b> <?php echo $default['de_admin_company_saupja_no']; ?></span>
<span><b>대표</b> <?php echo $default['de_admin_company_owner']; ?></span>
<span><b>전화</b> <?php echo $default['de_admin_company_tel']; ?></span>
<span><b>팩스</b> <?php echo $default['de_admin_company_fax']; ?></span><br>
<!-- <span><b>운영자</b> <?php echo $admin['mb_name']; ?></span><br> -->
<span><b>통신판매업신고번호</b> <?php echo $default['de_admin_tongsin_no']; ?></span>
<span><b>개인정보관리책임자</b> <?php echo $default['de_admin_info_name']; ?></span>
<?php if ($default['de_admin_buga_no']) echo '<span><b>부가통신사업신고번호</b> '.$default['de_admin_buga_no'].'</span>'; ?><br>
Copyright © 2001-2013 <?php echo $default['de_admin_company_name']; ?>. All Rights Reserved.
</p>
<a href="#" id="ft_totop">상단으로</a>
</div>
</div>
/* 하단 레이아웃 */
/* 하단 레이아웃 */
#ft {clear:both;padding:0 0 40px;width:auto;border-top:1px solid #e9e9e9;background:#f8f8f8;}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)}
#top_btn:hover{border-color:#3059c7;background:#3059c7;color:#fff}
#ft .ft_wr{margin:0 auto;width:auto;height:auto;}
#ft .ft_wr:after {display:block;visibility:hidden;clear:both;content:""}
#ft .ft_ul{text-align:center;border-bottom:1px solid #e9e9e9;padding:15px 0;margin:0 0 20px}
#ft .ft_ul li{display:inline-block;font-weight:bold;margin:0 10px}
#ft .ft_wr2{width:70%;margin:0 auto;}
#ft .ft_info{display:inline-block;width:auto;line-height:1.7em;}
#ft .ft_cs{display:inline-block;width:auto;text-align:right;}
#ft .ft_cs strong{font-size:1.75em;margin:5px 0;display:block}
#ft .ft_cs p{font-size:0.92em;color:#877}
답변을 작성하시기 전에 로그인 해주세요.
