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

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

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 넣어보세요

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

회원로그인

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