익스7,8,9부터 상단 네비가 움직여요ㅠㅠ > 그누4 질문답변

매뉴얼 FAQ
그누보드5
데모
자료실
  • 다운로드
  • 매뉴얼
  • Q&A
    • 창작마당
  • 팁자료실
  • 스킨
  • 빌더
  • 테마
  • 플러그인
  • 사용후기
    • 영카트5
    데모
    자료실
    창작마당
    정기결제
    데모
    자료실
    Q & A
    궁금한 게 있으신가요? 지금 질문해보세요!
    솔루션
    프로그래밍
    서버
    사이트운영
    컨텐츠몰
    나의 재능을 팔아보세요!
    부가서비스
    국내최저! 신용카드 결제수수료 2.85%
    제작의뢰
    커뮤니티
    커뮤니티
    소모임
    스터디
    AI 🌟
    강좌
    기타

    그누4 질문답변

    그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
    기존 게시물은 열람만 가능합니다.

    익스7,8,9부터 상단 네비가 움직여요ㅠㅠ 정보

    익스7,8,9부터 상단 네비가 움직여요ㅠㅠ

    본문

    크롬과 익스10에선 아무 문제가 없는데요...
    익스 9부터 네비가 움직이네요ㅠㅠ
    게시판 상단인데요...

    음.. 원래 그냥 붙혔더니
    왼쪽으로 쏠려서 각각에다가 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

    댓글 전체

    내컴퓨터 홈페이지 자기소개 아이디로 검색 회원게시물 13.11.09 23:35:46 
    /* 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;
}
/* 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;
   }
    전체 66,554 |RSS
    그누4 질문답변 내용 검색

    회원로그인

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