메뉴 고정 질문
본문
/* 상단메뉴 적용 */ /* 140312 추가 */
.navBox{position:absolute; top:50px; right:130px ; z-index:99999; }
.navBox:after {display:block;visibility:hidden;clear:both;content:""}
.nav {position:absolute; z-index:9999; top:0px; left:37%; margin-left:-190px; }
@media (min-width: 900px){
.nav ul.depth1 {z-index:10; clear:both; zoom:1; }
.nav ul.depth1:after {display:block; visibility:hidden; clear:both; content:""; }
.nav ul.depth1 li.gnb1 { position:relative; float:left; width:200px; min-height:10px; text-align:center; display:inline; }
}
.nav_1da { float:left; position:relative; text-align:center; width:173px; height:70%; font-size:19px; color:#fff; }
.nav_1da:focus, .nav_1da:hover {
behavior: url(../pie/PIE.htc);
}
.subBox { position:absolute; top:0px; left:0px; width:106.8%; height:310px; background-color: rgba(0, 0, 0, 0.8); display:none; z-index:9999; }
.nav ul.depth1 ul.depth2 {position:absolute; z-index:20; top:55px; width:100px; display:none; color }
.nav ul.depth1 ul.depth2 li {display:block; height:50px; margin-bottom:3px; padding:0px 10px 0px 55px; }
.nav_2da {
display:block; float:center; width:100px; padding:0px 10px 0px 0px; text-align:center; line-height:30px; text-decoration:none; color:#a7acbc !important; }
.nav_2da:focus, .nav_2da:hover {
behavior: url(../pie/PIE.htc);
}
/* 150204 수정 */
/* nav */
.navBox {
position:relative;
top: 0px;
}
.nav ul.depth1 li.gnb1:hover {
color:#0f84bb !important;
}
.nav ul.depth1 li.gnb1 a.nav_1da{width:100%; height:13px; margin-top:13px; }
.nav ul.depth1 li.gnb1:hover a.nav_1da {
color:#f68500 !important;
}
.nav ul.depth1 li.gnb1:hover a.nav_1da :first-child{
margin-top:0px;}
.nav_1da {
width:100px;
text-align:center;
}
.nav ul.depth1 ul.depth2 {
top:46px;
width:130px;
padding-top:10px !important;
background-color:transparent;
}
.depth2{ font-size:15px; }
.nav ul.depth1 ul.depth2:hover {
}
.nav_2da:focus, .nav_2da:hover {
color:#f68500 !important;
}
메뉴를 따로 만든거라 css는 이상태입니다
전체화면 크기랑 창모드 크기를 고정시키고싶은데
창모드를 시키면 메뉴 두개 정도가 내려가네요 ㅠㅠ
방법없을까요!?
