질문드려요
본문
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 } 이렇게 수정 하세요