질문드려요

질문드려요

QA

질문드려요

본문

URL : http://www.mycafeteria.co.kr

을 모바일로 보시면...

 

구내식당 중개전문부동산 으로 시작되는 3줄이 하나의 이미지 인데요..

(main_text3.png)

 

가 왼쪽으로 붙어있는데요

 

가운데로 가지가 않아요 ㅠㅠ

 

가운데로 나오게 할려면 어떻게 해야 하는지 조언 좀 부탁드려요

 

======= mobile / index.php 소스 에요 ------------------

<?php

if(defined('G5_THEME_PATH') == true){
 require_once(G5_THEME_PATH . '/index.php');
 return;
}

include_once(G5_PATH . '/head.sub.php');

?>

<script src="<?php echo G5_URL; ?>/js/bx/jquery.bxslider.min.js"></script>
<link rel="stylesheet" href="<?php echo G5_URL; ?>/js/bx/jquery.bxslider.css" />

<div id="main_header">
 <h1><a href="<?php echo G5_URL; ?>"><img src="<?php echo G5_MOBILE_URL; ?>/img/logo.png" alt="" /></a></h1>

</div>

<script>
$(function(){
 var mh1 = $(window).height();

 $("html, body").height(mh1+"px");

 $(window).resize(function(){
  mh1 = $(window).height();
  
  $("html, body").height(mh1+"px");
 });

 var aa = $('.bx1').bxSlider({
  mode: "fade",
  auto:true,
  speed: 2000,
  controls: false
 });

 $(document).on('click','.bx-pager-link',function() {
  //alert();
  aa.stopAuto();
  aa.startAuto();
 });
})
</script>

<style>
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;height:100%;font-family:sans-serif; }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
header ul, nav ul, footer ul {margin:0;padding:0;list-style:none}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-size:1em;}
button,input[type=submit]{cursor:pointer;}
input[type=text], input[type=password], input[type=submit], input[type=image], button {border-radius:0;font-size:1em;-webkit-appearance:none}
textarea, select {font-size:1em;font-family:dotum}
textarea {border-radius:0;-webkit-appearance:none}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#000;text-decoration:none}
ul,li{list-style:none;padding:0;margin:0;}
#main_header {width:100%;background:url(<?php echo G5_MOBILE_URL; ?>/img/gnb_bg_bk.png) repeat-x;height:100px;position:absolute;z-index:1000;min-width:720px;}
#main_header h1 {position:absolute;top:37px;left:40px;}
#main_header .x {position:relative;}
#main_header .x li {position:absolute;top:0;right:0;}
#visual_wrap { position: relative; width: 100%; height: 100%; max-width: 720px; margin: 0 auto; }
#visual, .bx1 { height: 100%; }
#visual_wrap ul li { left: 0; margin: 0; width: 100%; height: 100%;}
#visual_wrap ul li.li1 { background: url(<?php echo G5_MOBILE_URL; ?>/img/main1.png) no-repeat center; background-size: cover; }
#visual_wrap ul li.li2 { background: url(<?php echo G5_MOBILE_URL; ?>/img/main2.png) no-repeat center; background-size: cover; }
#visual_wrap ul li.li3 { background: url(<?php echo G5_MOBILE_URL; ?>/img/main3.png) no-repeat center; background-size: cover; }
#visual_wrap ul li.li4 { background: url(<?php echo G5_MOBILE_URL; ?>/img/main4.png) no-repeat center; background-size: cover; }

#visual_wrap .mtt { position: absolute; top: 24.33%; }
#visual_wrap .mbt { position: absolute; top: 0; width: 100%; height: 100%; text-align: center;}
#visual_wrap .mbt p { position: absolute; top: 49%; width: 100%; text-align: center;}
#visual_wrap .mbt a { display: block; position: absolute; width: 250px; height: 110px; background: url(<?php echo G5_MOBILE_URL; ?>/img/too_bt.png) no-repeat center; }
#footer { position: absolute; bottom: 0; width:100%;background:#222; height:50px ; font-size:18px; padding-top:12px}
</style>

<div id="visual_wrap">
 
 <ul class="bx1">
  <li class="li1"></li>
  <li class="li2"></li>
  <li class="li3"></li>
  <li class="li4"></li>
 </ul>

 <div class="mtt">
  <img src="<?php echo G5_MOBILE_URL; ?>/img/main_text3.png" alt="">
 </div>

  <div class="mbt">
  <p><img src="<?php echo G5_MOBILE_URL; ?>/img/main_btn.png"></p>
  <a href="<?php echo G5_BBS_URL; ?>/board.php?bo_table=memul" style="top: 49%; left: 11%;"></a>
  <a href="tel:*** 개인정보보호를 위한 휴대폰번호 노출방지 ***" style="top: 49%; right: 11%;"></a>
  </div>

</div>

<div id="footer" class="mid">
 <p align="center"><font color="white">Copyright ⓒ 2018 mycafeteria.co.kr All Rights Reserved</font></p>
</div>

<?php

include_once(G5_PATH . '/tail.sub.php');

?>

-----------------------------------------------------------------------------------------

 

조언 좀 부탁드려요

안녕히 계세요

 

 

 

이 질문에 댓글 쓰기 :

답변 1

#visual_wrap .mtt { position: absolute; top: 24.33%; }<<< 이부분

#visual_wrap .mtt { position: absolute; top: 24.33%;width:100%;text-align:center } 이렇게 수정 하세요

답변을 작성하시기 전에 로그인 해주세요.
전체 209
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT