메누정렬과 좌우사이즈
본문
어디를 수정해야될까요?
#gnb {position:relative;margin: 0;float:right}
#gnb:after {display:block;visibility:hidden;clear:both;content:""}
#gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb_1dul {padding:0;zoom:1;}
#gnb_1dul:after {display:block;visibility:hidden;clear:both;content:""}
.gnb_1dli {z-index:10;position:relative;float:left;width:130px;text-align:center;}
a.gnb_1da {padding-right:0;display:inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;font-weight:bold;line-height:2.95em;text-decoration:none;color:#fff;height:55px;line-height:55px;display:block;font-size:1.17em}
css입니다.
답변 2
#gnb {position:relative;margin: 0;float:right}
#gnb:after {display:block;visibility:hidden;clear:both;content:""}
#gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb_1dul {padding:0;zoom:1;}
#gnb_1dul:after {display:block;visibility:hidden;clear:both;content:""}
.gnb_1dli {z-index:10;position:relative;float:left;width:130px;text-align:center;}
a.gnb_1da {padding-right:0;display:inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;font-weight:bold;line-height:2.95em;text-decoration:none;color:#fff;height:55px;line-height:55px;display:block;font-size:1.17em}
이렇게 하시면 되겠네요
#gnb {position:relative;margin-left: 10px;float:right;} //오른쪽정렬
#gnb:after {display:block;visibility:hidden;clear:both;content:""}
#gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb_1dul {padding:0;zoom:1;}
#gnb_1dul:after {display:block;visibility:hidden;clear:both;content:""}
.gnb_1dli {z-index:10;position:relative;float:left;padding-left:50px;text-align:center}//width:130px;크기삭제, 여백
a.gnb_1da {padding-right:10px;display:inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;font-weight:bold;line-height:2.95em;text-decoration:none;color:#000;height:55px;line-height:55px;display:block;font-size:1.37em}
width:130px 부위를 제거 후, padding 값만으로 조절하시면 됩니다.
