글자 가운대정렬 안되는대 어떻게 하면 될까요? 채택완료
하단에 회사소개 서비스이용약관 개인정보처리방침 쪽을 가운대 정렬을 주려고하는대
전체를 wr으로 한번 더 감싸주고 css를 줬는대 div는 가운대 정렬이 됬는대 그 부분 글자는 가운대정렬이안되고 왼쪽정렬이됩니다.
캡쳐한 사진도 첨부합니다.
https://i.imgur.com/g7dq8tf.png" target="_blank">https://i.imgur.com/g7dq8tf.png
shop.tail.php
<div id="ft">
<div class="ft_wr">
<div class="ft_menu">
<a href="<?php echo G5_BBS_URL; ?>/content.php?co_id=company">회사소개</a>
<a href="<?php echo G5_BBS_URL; ?>/content.php?co_id=provision">서비스이용약관</a>
<a href="<?php echo G5_BBS_URL; ?>/content.php?co_id=privacy">개인정보처리방침</a></p>
<p> </div>
</div>
<div class="ft_info">
<a href="<?php echo G5_SHOP_URL; ?>/" id="ft_logo"><img src="<?php echo G5_DATA_URL; ?>/common/logo_img2" alt="처음으로"></a>
<p>
<span><b>회사명</b> <?php echo $default['de_admin_company_name']; ?></span> <span><b>대표</b> <?php echo $default['de_admin_company_owner']; ?></span>
<span><b>개인정보 보호책임자</b> <?php echo $default['de_admin_info_name']; ?></span>
<span><b>주소</b> <?php echo $default['de_admin_company_addr']; ?></span>
<span><b>사업자 등록번호</b> <?php echo $default['de_admin_company_saupja_no']; ?></span>
<span><b>통신판매업신고번호</b> <?php echo $default['de_admin_tongsin_no']; ?></span>
<?php if ($default['de_admin_buga_no']) echo '<span><b>부가통신사업신고번호</b> '.$default['de_admin_buga_no'].'</span>'; ?>
<span><b>전화</b> <?php echo $default['de_admin_company_tel']; ?></span><span><b>팩스</b> <?php echo $default['de_admin_company_fax']; ?></span>
<!-- <span><b>운영자</b> <?php echo $admin['mb_name']; ?></span>
-->
Copyright © 2001-2013 <?php echo $default['de_admin_company_name']; ?>. All Rights Reserved.
</p>
<a href="#" id="ft_totop">상단으로</a>
</div>
</div>
default_shop.css
#ft {clear:both;padding:0 0 40px;min-width:1000px;border-top:1px solid #e9e9e9}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft div.ft_info {position:relative;margin:0 auto;padding:20px 0 0 200px;width:900px}
#ft div.ft_menu {position:relative;width:900px;padding:20px 0 20px 0;}
#ft div.ft_menu a {display:inline-block;}
#ft .ft_wr{position:relative;width:1000px;margin:0 auto;text-align:center}답변 5개
소스가 이상있진 않습니다.
위에있는거를 새로운 문서를 만들어서 테스트해도 가운데 정렬이 정상적으로 됩니다.
ctrl+shift+r 로 강제 새로 고침을 해보시면 될듯 합니다.
그래도 안된다면 아래 내용을 참고 하시고, 참고 주소를 보내주시면 봐드리겠습니다.
1.브라우저 캐싱 문제
- 크롬을 예로 ctrl+shift+r 로 강제새로고침 하시면 될듯합니다.
2.서버 캐싱 문제
- 가능성은 낮지만 서버 자원을 절약하기 위해 캐시를 사용하는 경우 30초이상 새로고침이 적용이 안되는 경우가 있을 있습니다.
3.소스문제
- 안되면 해당 소스이외의 것이 간섭하고 있다는 거고
소스 우선순위를 가장 상위로 !important를 추가하시면 될듯합니다.
#ft div.ft_menu a {display:inline-block !important;}
<style>
#ft {clear:both;padding:0 0 40px;min-width:1000px;border-top:1px solid #e9e9e9}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft div.ft_info {position:relative;margin:0 auto;padding:20px 0 0 200px;width:900px}
#ft div.ft_menu {position:relative;width:900px;padding:20px 0 20px 0;}
#ft div.ft_menu a {display:inline-block;}
#ft .ft_wr{position:relative;width:1000px;margin:0 auto;text-align:center}
</style>
<div id="ft">
<div class="ft_wr">
<div class="ft_menu">
<a href="<?php echo G5_BBS_URL; ?>/content.php?co_id=company">회사소개</a>
<a href="<?php echo G5_BBS_URL; ?>/content.php?co_id=provision">서비스이용약관</a>
<a href="<?php echo G5_BBS_URL; ?>/content.php?co_id=privacy">개인정보처리방침</a>
</div>
</div>
</div>
답변에 대한 댓글 3개
위코드는 a를 감싸는 <ul><li><a></a></li></ul>
부분이 생략되 있습니다.
원인은 <li>요소에 float:left; 가 들어가서 왼쪽으로 정렬이 된겁니다.
메뉴를 처리하는 방법이 여러가지가 있지만
문의주신 소스에서는 아래 소스를 추가 하시면 되겠네요.
코드 우선순위 때문에 적용이 안되면
!important 를 난발하는게 별로 좋지는 않지만
테스트를 위해
!important 를 넣어서 테스트 해보세요~
#ft div.ft_menu ul {display:inline-block;margin:0 auto;}
#ft div.ft_menu ul li{float:left;}
#ft div.ft_menu ul {display:inline-block !important;margin:0 auto!important;}
#ft div.ft_menu ul li{float:left !important;}
전체소스
<style>
#ft {clear:both;padding:0 0 40px;min-width:1000px;border-top:1px solid #e9e9e9}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft div.ft_info {position:relative;margin:0 auto;padding:20px 0 0 200px;width:900px}
#ft div.ft_menu {position:relative;width:900px;padding:20px 0 20px 0;}
#ft div.ft_menu ul {display:inline-block;margin:0 auto;}
#ft div.ft_menu ul li{float:left;}
#ft div.ft_menu a {display:inline-block;}
#ft .ft_wr{position:relative;width:1000px;margin:0 auto;text-align:center}
</style>
<div id="ft">
<div class="ft_wr">
<div class="ft_menu">
<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=company">회사소개</a></li>
</ul>
</div>
</div>
댓글을 작성하려면 로그인이 필요합니다.
#ft div.ft_menu{text-align:center;}
#ft li {
float: none;
display: inline-block;
}
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변에 대한 댓글 8개
ul 에 style="display: inline-block; margin: 0 auto; " 해주세요
<div class="ft_wr">
<div class="ft_menu">
<ul>
<li><a href="http://dooriserver.xyz/cmshop/bbs/content.php?co_id=company">회사소개</a></li>
<li><a href="http://dooriserver.xyz/cmshop/bbs/content.php?co_id=provision">서비스이용약관</a></li>
<li><a href="http://dooriserver.xyz/cmshop/bbs/content.php?co_id=privacy">개인정보처리방침</a></li>
</ul>
이부분에서
<ul> 을
다음과 같이 바꾸세요
< ul style="display: inline-block; margin: 0 auto; ">
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
입니다.