크롬과 익스가 다르게 보이는 문제입니다ㅠㅠ 정보
크롬과 익스가 다르게 보이는 문제입니다ㅠㅠ본문
크롬과 익스가 다르게 보입니다ㅠㅠ
게시판 상단인데요...
음.. 원래 그냥 붙혔더니
왼쪽으로 쏠려서 각각에다가 center랑 margin:0 auto 를 줬거든요ㅠㅠ
그랬더니 가운데로 오긴 왔는데 크롬이랑 익스랑 봤을때
익스에서 오른쪽으로 좀 움직이네요ㅠㅠ 왜그러는건가요ㅠㅠ
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<?
include_once("./_common.php");
include_once("lib/latest.lib.php");
?>
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
include_once("$g4[path]/head.sub.php");
include_once("$g4[path]/lib/outlogin.lib.php");
include_once("$g4[path]/lib/poll.lib.php");
include_once("$g4[path]/lib/visit.lib.php");
include_once("$g4[path]/lib/connect.lib.php");
include_once("$g4[path]/lib/popular.lib.php");
//print_r2(get_defined_constants());
// 사용자 화면 상단과 좌측을 담당하는 페이지입니다.
// 상단, 좌측 화면을 꾸미려면 이 파일을 수정합니다.
?>
<html lang="ko">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>UTP</title>
<link rel="stylesheet" type="text/css" href="../css/common.css">
<script type="text/javascript" src="../js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="../js/jquery.cycle.all.js"></script>
<script type="text/javascript" src="../js/jquery.carouFredSel-6.2.1-packed.js"></script>
<script type="text/javascript" src="../js/common.js"></script>
<script type="text/javascript" src="../sub/js/index.js"></script>
</head>
<body style="overflow-x:hidden;">
<div class="mviewport" style="text-align:center; margin:0 auto;">
<!-- header -->
<div id="header">
<ul class="gnb mcontainer">
<li class="logo"><h1><a href="../index.html"><img alt="WINGS" src="../img/common/logo.gif" width="77" height="63"></a></h1></li>
<li class="menu menu_01"><a href="../sub/web.html">ㅋ</a></li>
<li class="menu menu_02"><a href="../sub/mobile.html">ㅋ</a></li>
<li class="menu menu_03"><a href="../sub/online.html">ㅋ</a></li>
<li class="menu menu_04"><a href="../sub/about.html">ㅋ</a></li>
<li class="menu menu_05 on"><a href="../bbs/board.php?bo_table=portfolio">ㅋ</a></li>
<li class="logo_2"><a href="../bbs/board.php?bo_table=notice"><img src="../img/common/logo_2.gif" width="137" height="44"></a></li>
</ul>
</div>
<!-- //header -->
<!-- content -->
<div id="content" class="sub_page" style="text-align:center; margin:0 auto;">
<div class="mcontainer">
<div id="main_slide" class="slide_wrap">
<ul class="slide">
<?php
$getString = file_get_contents("../adm/slide2_5.json");
$getArray = json_decode(stripslashes($getString),TRUE);
if(count($getArray) > 0) {
foreach($getArray as $array) {
if($array["mode"]==0 || !$array["mode"] )$traget = '_blank';
if($array["mode"]==1 )$traget = '_self';
echo '<li><a href="http://'.$array["url"].'" target="'.$traget.'"><img src="../adm/'.$array["img"].'"></a></li>';
}
}
?>
</ul>
<a href="#" class="slide_prev"><img alt="prev" src="../img/btn/slide_prev.png"></a>
<a href="#" class="slide_next"><img alt="next" src="../img/btn/slide_next.png"></a>
</div>
</div>
<div class="content_wrap mcontainer">
<p class="content_title"><img alt="ㅇ consulting" src="../sub/img/portfolio/title.jpg"></p>
<div class="content_left">
<p class="sub_title"><img alt="ㅇ" src="../sub/img/portfolio/subtitle.jpg"></p>
</div>
<div class="content_right">
<div class="bbs_board">
게시판 상단인데요...
음.. 원래 그냥 붙혔더니
왼쪽으로 쏠려서 각각에다가 center랑 margin:0 auto 를 줬거든요ㅠㅠ
그랬더니 가운데로 오긴 왔는데 크롬이랑 익스랑 봤을때
익스에서 오른쪽으로 좀 움직이네요ㅠㅠ 왜그러는건가요ㅠㅠ
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<?
include_once("./_common.php");
include_once("lib/latest.lib.php");
?>
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
include_once("$g4[path]/head.sub.php");
include_once("$g4[path]/lib/outlogin.lib.php");
include_once("$g4[path]/lib/poll.lib.php");
include_once("$g4[path]/lib/visit.lib.php");
include_once("$g4[path]/lib/connect.lib.php");
include_once("$g4[path]/lib/popular.lib.php");
//print_r2(get_defined_constants());
// 사용자 화면 상단과 좌측을 담당하는 페이지입니다.
// 상단, 좌측 화면을 꾸미려면 이 파일을 수정합니다.
?>
<html lang="ko">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>UTP</title>
<link rel="stylesheet" type="text/css" href="../css/common.css">
<script type="text/javascript" src="../js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="../js/jquery.cycle.all.js"></script>
<script type="text/javascript" src="../js/jquery.carouFredSel-6.2.1-packed.js"></script>
<script type="text/javascript" src="../js/common.js"></script>
<script type="text/javascript" src="../sub/js/index.js"></script>
</head>
<body style="overflow-x:hidden;">
<div class="mviewport" style="text-align:center; margin:0 auto;">
<!-- header -->
<div id="header">
<ul class="gnb mcontainer">
<li class="logo"><h1><a href="../index.html"><img alt="WINGS" src="../img/common/logo.gif" width="77" height="63"></a></h1></li>
<li class="menu menu_01"><a href="../sub/web.html">ㅋ</a></li>
<li class="menu menu_02"><a href="../sub/mobile.html">ㅋ</a></li>
<li class="menu menu_03"><a href="../sub/online.html">ㅋ</a></li>
<li class="menu menu_04"><a href="../sub/about.html">ㅋ</a></li>
<li class="menu menu_05 on"><a href="../bbs/board.php?bo_table=portfolio">ㅋ</a></li>
<li class="logo_2"><a href="../bbs/board.php?bo_table=notice"><img src="../img/common/logo_2.gif" width="137" height="44"></a></li>
</ul>
</div>
<!-- //header -->
<!-- content -->
<div id="content" class="sub_page" style="text-align:center; margin:0 auto;">
<div class="mcontainer">
<div id="main_slide" class="slide_wrap">
<ul class="slide">
<?php
$getString = file_get_contents("../adm/slide2_5.json");
$getArray = json_decode(stripslashes($getString),TRUE);
if(count($getArray) > 0) {
foreach($getArray as $array) {
if($array["mode"]==0 || !$array["mode"] )$traget = '_blank';
if($array["mode"]==1 )$traget = '_self';
echo '<li><a href="http://'.$array["url"].'" target="'.$traget.'"><img src="../adm/'.$array["img"].'"></a></li>';
}
}
?>
</ul>
<a href="#" class="slide_prev"><img alt="prev" src="../img/btn/slide_prev.png"></a>
<a href="#" class="slide_next"><img alt="next" src="../img/btn/slide_next.png"></a>
</div>
</div>
<div class="content_wrap mcontainer">
<p class="content_title"><img alt="ㅇ consulting" src="../sub/img/portfolio/title.jpg"></p>
<div class="content_left">
<p class="sub_title"><img alt="ㅇ" src="../sub/img/portfolio/subtitle.jpg"></p>
</div>
<div class="content_right">
<div class="bbs_board">
댓글 전체
이것만 봐서는 모르구요 페이지 주소나 css도 같이 올려주셔야 할것 같아요
해당 css입니다 ㅠㅠ
html,body{margin:0px;padding:0px;width:100%;height:100%;min-width:1004px;font-family:"돋움" overflow-x:hidden;}
/* reset */
ul,ol,li,dl,dd,dt,input,h1,h2,h3,h4,h5,h6,p,b,input,button,textarea,fieldset,legend,td,th{margin:0px;padding:0px}
li{list-style:none}
fieldset,img,a{border:0px}
a{text-decoration:none}
legend,.blind{position:absolute;top:0;left:-10000px;width:0;height:0;overflow:hidden;font-size:0;line-height:0}
caption{display:none}
button,label{cursor:pointer}
button{overflow:visible\9} /* button fix for ie8 */
input,textarea,select,button{font-family:"돋움"}
table{border-collapse:collapse;border-spacing:0;text-align:left}
input:focus::-webkit-input-placeholder{color:transparent!important}
input:focus::-moz-placeholder{color:transparent!important}
input:focus:-moz-placeholder{color:transparent!important}
.clear_wrap:before,.clear_wrap:after{content:" ";display:table}
.clear_wrap:after{clear:both}
.clear_wrap{*zoom:1}
.clear_line{clear:both}
/* common */
.mcontainer{margin:0 auto;width:1000px}
.scontainer{margin:0 auto;width:1090px}
/* header */
#header{}
#header .gnb{height:86px;}
#header .gnb li{position:relative;float:left}
#header .gnb .logo{padding-top:9px;width:120px;text-align:right}
#header .gnb .menu{padding-top:30px; height:54px}
#header .gnb .menu_01 {width:90px; margin: 0 40px 0 35px;}
#header .gnb .menu_02 {width:140px; margin-right:35px;}
#header .gnb .menu_03 {width:105px; margin-right:35px;}
#header .gnb .menu_04 {width:121px; margin-right:35px;}
#header .gnb .menu_05 {width:72px;}
#header .gnb .menu a{display:block;height:38px;text-indent:-9999px;background:url("../img/common/menu_gnb.gif") no-repeat}
#header .gnb .menu_02 a{background-position:-125px 0}
#header .gnb .menu_03 a{background-position:-303px 0}
#header .gnb .menu_04 a{background-position:-449px 0}
#header .gnb .menu_05 a{background-position:-610px 0}
#header .gnb .menu_01.on a,#header .gnb .menu_01 a:hover{background-position:0 -50px}
#header .gnb .menu_02.on a,#header .gnb .menu_02 a:hover{background-position:-125px -50px}
#header .gnb .menu_03.on a,#header .gnb .menu_03 a:hover{background-position:-303px -50px}
#header .gnb .menu_04.on a,#header .gnb .menu_04 a:hover{background-position:-449px -50px}
#header .gnb .menu_05.on a,#header .gnb .menu_05 a:hover{background-position:-610px -50px}
#header .gnb .logo_2{float:right;padding:19px 4px 0 0}
#header .gnb .arrow{display:none;position:absolute;left:50%;bottom:0;margin-left:-12px;width:24px;height:10px;background:url("../img/ico/gnb_arrow.gif") no-repeat}
#header .gnb .on .arrow{display:block}
#login { margin:0 auto; width:1000px;}
#login .top{ margin:0; padding:0 0 0 20px; height:15px; text-align:right;}
#login .top span { font-size:11px; color:#505050;}
#login .top span a { font-size:11px; color:#505050;}
/* content */
#content{overflow:hidden}
/* slide */
#content .slide_wrap{position:relative;margin-bottom:13px;height:424px}
#content .slide_wrap .slide_prev{position:absolute;left:8px;top:196px;z-index:1000}
#content .slide_wrap .slide_next{position:absolute;right:8px;top:196px;z-index:1000}
#main_slide .slide{position:absolute;left:50%;top:0;margin-left:-1200px;width:2400px;height:424px;overflow:hidden}
#main_slide .slide li{position:relative;width:2400px;height:424px}
#main_slide .slide_01 .txt{position:absolute;left:50%;top:58px;margin-left:-187px;z-index:10}
/* sns */
#content .sns_wrap{margin-bottom:40px; margin-top:30px; width:1100px;height:70px}
#content .sns_wrap a{display:block;float:left;margin-left:1px}
/* bbs */
#content .bbs_wrap{margin-bottom:40px;height:120px}
#content .bbs_wrap .tit{float:left;width:250px}
#content .bbs_wrap .bbs{float:left;width:355px}
/* bbs2 */
#bbs_wrap2 {padding-top:40px; height:324px; background:#75c4d3;}
#bbs_wrap2 .bbs_wrap{}
#bbs_wrap2 .bbs_wrap .tit{float:left;width:250px
html,body{margin:0px;padding:0px;width:100%;height:100%;min-width:1004px;font-family:"돋움" overflow-x:hidden;}
/* reset */
ul,ol,li,dl,dd,dt,input,h1,h2,h3,h4,h5,h6,p,b,input,button,textarea,fieldset,legend,td,th{margin:0px;padding:0px}
li{list-style:none}
fieldset,img,a{border:0px}
a{text-decoration:none}
legend,.blind{position:absolute;top:0;left:-10000px;width:0;height:0;overflow:hidden;font-size:0;line-height:0}
caption{display:none}
button,label{cursor:pointer}
button{overflow:visible\9} /* button fix for ie8 */
input,textarea,select,button{font-family:"돋움"}
table{border-collapse:collapse;border-spacing:0;text-align:left}
input:focus::-webkit-input-placeholder{color:transparent!important}
input:focus::-moz-placeholder{color:transparent!important}
input:focus:-moz-placeholder{color:transparent!important}
.clear_wrap:before,.clear_wrap:after{content:" ";display:table}
.clear_wrap:after{clear:both}
.clear_wrap{*zoom:1}
.clear_line{clear:both}
/* common */
.mcontainer{margin:0 auto;width:1000px}
.scontainer{margin:0 auto;width:1090px}
/* header */
#header{}
#header .gnb{height:86px;}
#header .gnb li{position:relative;float:left}
#header .gnb .logo{padding-top:9px;width:120px;text-align:right}
#header .gnb .menu{padding-top:30px; height:54px}
#header .gnb .menu_01 {width:90px; margin: 0 40px 0 35px;}
#header .gnb .menu_02 {width:140px; margin-right:35px;}
#header .gnb .menu_03 {width:105px; margin-right:35px;}
#header .gnb .menu_04 {width:121px; margin-right:35px;}
#header .gnb .menu_05 {width:72px;}
#header .gnb .menu a{display:block;height:38px;text-indent:-9999px;background:url("../img/common/menu_gnb.gif") no-repeat}
#header .gnb .menu_02 a{background-position:-125px 0}
#header .gnb .menu_03 a{background-position:-303px 0}
#header .gnb .menu_04 a{background-position:-449px 0}
#header .gnb .menu_05 a{background-position:-610px 0}
#header .gnb .menu_01.on a,#header .gnb .menu_01 a:hover{background-position:0 -50px}
#header .gnb .menu_02.on a,#header .gnb .menu_02 a:hover{background-position:-125px -50px}
#header .gnb .menu_03.on a,#header .gnb .menu_03 a:hover{background-position:-303px -50px}
#header .gnb .menu_04.on a,#header .gnb .menu_04 a:hover{background-position:-449px -50px}
#header .gnb .menu_05.on a,#header .gnb .menu_05 a:hover{background-position:-610px -50px}
#header .gnb .logo_2{float:right;padding:19px 4px 0 0}
#header .gnb .arrow{display:none;position:absolute;left:50%;bottom:0;margin-left:-12px;width:24px;height:10px;background:url("../img/ico/gnb_arrow.gif") no-repeat}
#header .gnb .on .arrow{display:block}
#login { margin:0 auto; width:1000px;}
#login .top{ margin:0; padding:0 0 0 20px; height:15px; text-align:right;}
#login .top span { font-size:11px; color:#505050;}
#login .top span a { font-size:11px; color:#505050;}
/* content */
#content{overflow:hidden}
/* slide */
#content .slide_wrap{position:relative;margin-bottom:13px;height:424px}
#content .slide_wrap .slide_prev{position:absolute;left:8px;top:196px;z-index:1000}
#content .slide_wrap .slide_next{position:absolute;right:8px;top:196px;z-index:1000}
#main_slide .slide{position:absolute;left:50%;top:0;margin-left:-1200px;width:2400px;height:424px;overflow:hidden}
#main_slide .slide li{position:relative;width:2400px;height:424px}
#main_slide .slide_01 .txt{position:absolute;left:50%;top:58px;margin-left:-187px;z-index:10}
/* sns */
#content .sns_wrap{margin-bottom:40px; margin-top:30px; width:1100px;height:70px}
#content .sns_wrap a{display:block;float:left;margin-left:1px}
/* bbs */
#content .bbs_wrap{margin-bottom:40px;height:120px}
#content .bbs_wrap .tit{float:left;width:250px}
#content .bbs_wrap .bbs{float:left;width:355px}
/* bbs2 */
#bbs_wrap2 {padding-top:40px; height:324px; background:#75c4d3;}
#bbs_wrap2 .bbs_wrap{}
#bbs_wrap2 .bbs_wrap .tit{float:left;width:250px