상단메뉴바에서 메뉴를 중앙정렬로 하려면 어떻게 해야할까요?

매출이 오르면 내리는 수수료! 지금 수수료센터에서 전자결제(PG)수수료 비교견적 신청해 보세요!
상단메뉴바에서 메뉴를 중앙정렬로 하려면 어떻게 해야할까요?

QA

상단메뉴바에서 메뉴를 중앙정렬로 하려면 어떻게 해야할까요?

본문

메뉴를 생성하면 중앙부터 보여지지 않고

좌측부터 메뉴가 정렬됩니다.

 

/* header */
#header{position:relative; background:#fff;  z-index:10;}
#header #topNav{background:#f5f5f5; border-bottom:1px solid #ddd; height:40px;}
#header #topNav .topNav_in{width:1000px; margin:0 auto; position:relative;}
#header #topNav .topNav_ul{clear:both; position:absolute; top:7px; right:0;}
#header #topNav .topNav_ul li{font-size:0.76em; position:relative; float:left;}
#header #topNav .topNav_ul li a{color:#797979; margin-right:2px}
#header #topNav .topNav_ul li:after{content:' ㅣ '; margin-right:4px; color:#d1d1d1}
#header #topNav .topNav_ul li:last-child:after{content:" "; margin-right:0}
#header #topNav .topNav_ul li:hover ul{display:block;}
#header #topNav .topNav_ul ul{display:none; position:absolute; top:20px; left:-5px; background-color:#fff; border: 1px solid #555; width: 90px; z-index: 99; padding:5px 0; margin-left:-14px;}
#header #topNav .topNav_ul ul li{float: none; text-align: center; margin: 0; font-size:11px; line-height:25px;}
#header #topNav .topNav_ul ul li a{color: #333; margin: 0}
#header #topNav .topNav_ul ul li:after{content: none; margin: 0}
#header #topNav .topNav_ul ul li:hover a{color:#fff; display: block; background:#555}
#header .in_wrap .logo{text-align:center; line-height:0; padding:40px 0;}
#header .in_wrap .menu{/*border-top:3px solid #000; border-bottom:1px solid #000; */height:50px; background:#3d589f}
#header .in_wrap .menu ul{width:1000px; margin:0 auto;}
#header .in_wrap .menu .gnb_1dli{float:left;}

/* gnb */
.gnb_1dli {z-index:10;position:relative;float:left;text-align:center;}
a.gnb_1da {display:block; text-overflow: ellipsis; overflow: hidden; height:50px; line-height:50px; font-weight:600; text-decoration:none; padding:0 66px; font-size:1em; color:#fff}
.gnb_1dli_on {text-decoration:none; position:relative;}
.gnb_1dam {background:url('img/gnb_bg00.gif') #fff center right no-repeat}
.gnb_1dli_on .gnb_1da {text-decoration:none}
.gnb_1dli_on .gnb_1dam {background:url('img/gnb_bg01.gif') #626870 center right no-repeat;color:#fff;text-decoration:none}
.gnb_2dul {display:none; background:#fff; z-index:1000;position:absolute;top:70px; left:0; border:1px solid #000; width:100% !important; text-align:center; font-size:0.92em; padding:0 10px; box-sizing:border-box;}
.gnb_1dli_over .gnb_2dul, .gnb_1dli_over2 .gnb_2dul {display:block; background:#fff}
.gnb_2da {color:#666; display:block; line-height:35px; border-bottom:1px solid #d1d1d1;}
.gnb_2dli:last-child .gnb_2da{border-bottom:0;}
.gnb_1dli_over .gnb_2da {display:block;}
.gnb_2da:focus, .gnb_2da:hover {text-decoration:none; color:#000;}

이 질문에 댓글 쓰기 :

답변 2

그럼

.gnb_1dli {z-index:10;position:relative;float:left;text-align:center;}

float:left삭제하시고

margin:0 auto 넣어보세요

#header #topNav .topNav_ul li{font-size:0.76em; position:relative; float:left;} 여기서

float:left삭제하시고

margin:0 auto 넣어보세요

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

회원로그인

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