테스트 사이트 - 개발 중인 베타 버전입니다

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

허니대디 7년 전 조회 2,864

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

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

 

/* 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개

채택된 답변
+20 포인트
7년 전

그럼

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

float:left삭제하시고

margin:0 auto 넣어보세요

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

허니대디
7년 전
네 안되네요.

댓글을 작성하려면 로그인이 필요합니다.

7년 전

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

float:left삭제하시고

margin:0 auto 넣어보세요

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

허니대디
7년 전
감사합니다. 근데 저부분 적용했더니 맨 상단 로그인,회원가입부분이 적용되더군요 ㅜㅜ
하여 그 주변을 다 적용해봤는데도 전혀 반응이 없어요;;

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인