li로 왼쪽메뉴 만들때...
찬
#left_menu{
width:145px;
padding-left:30px;
}
#left_menu li{
width:100%;
float: left;
height:21px;
border-bottom:2px solid #DAEDE9;
padding-top:9px;
padding-left:10px;
}
#left_menu .none{
width:100%;
border-bottom:0px solid #DAEDE9;
padding-left:0px;
padding-top:5px;
}
#sub_m_box {
width: 140px;
margin-left: 0px;
padding: 5px 2px 7px 5px;
border:2px solid #DAEDE9;
}
#sub_m_box li{
border-bottom:0px solid #DAEDE9;
padding-left:5px;
padding-top:5px;
height:15px;
}
div id=left_menu
ul
li class=sub01_text01- a href=# class=sub01_link인사말/a/li
li class=sub01_text01- a href=# class=sub01_link센터현황/a/li
li class=sub01_text01- a href=# class=sub01_link체험관맛보기/a/li
li class=none
div id=sub_m_box
ul
li- a href=# class=sub01_link_3deps상설전시/a/li
li- a href=# class=sub01_link_3deps상설전시/a/li
/ul
/div
/li
li class=sub01_text01- a href=# class=sub01_link전시안내/a/li
li class=sub01_text01- a href=# class=sub01_link관람코스/a/li
li class=sub01_text01- a href=# class=sub01_link기념품/a/li
li class=sub01_text01- a href=# class=sub01_link이용요금/a/li
li class=sub01_text01- a href=# class=sub01_link찾아오시는길/a/li
/ul
/div
우선 익스에서는 괜찮은데,
파이어폭스에서 class=none 해놓은 부분이 높이값지정한대로 먹어버리더라구요.
그래서 아래의 전시안내, 관람코스등의 메뉴들이 위로 올라가서 3뎁스 메뉴랑 겹치네요.
그리고 sub_m_box 부분도 높이값을 따로 지정해주지 않으면 3뎁스 메뉴가 박스 밖으로 나가버리구요.
3뎁스가 한두개도 아니고 일일이 높이값 지정해주기도 참 그렇구요;;;
이런건 어떤식으로 처리해야 할까요?
-
가을빛
아..그렇군요;;; 감사합니다 ^0^;;
-
가을c
수다님도 감사드려요~ 흑흑 여기 고마우신 분들이 넘 많네요~ 제가 웹표준을 작년12월에 첨 접해봐서 아직 모르는게 많아요~ ^^;
-
횃불
#left_menu li { height:21px;} 이거 빼세요 - _-
앗 그 사이에 수다님이 ㅋㅋㅋㅋ -
놀리기
높이가 있으니 당연한 현상이죠 ㅎㅎ
제일 하위 메뉴에만 높이 주시고 나머지는 padding-top과 padding-bottom으로 잡으셔야합니다.
이같은경우에 브라우저별의 px의 어긋남은 어쩔수 없습니다. -
하늬
가르쳐주신대로 해보았는데, 파이어폭스에서 여전히 아래쪽 전시안내, 관람코스등의 메뉴가 아래로 안내려가고 그렇게 보이네요 ㅠㅠ;;
-
도도한
굳이 div id=\sub_m_box\ 이걸 감싼 이유가 필요 없을듯..
바로 ul id=\sub_m_box\ 해주시면 되구요.. 3depth가 여러개일테니 id보단 class로 사용하시고..
.sub_m_box { overflow:hidden;} 줘보세요..