좌측 서브메뉴 height 값 100%가 안먹히네요 ㅠㅠ;;;아
그대와나
div id=contents
div class=stage_nav_wrap
div class=stage_nav
liimg src=images/title_category.png/li
liimg src=images/arrow01.pnga href=# title=데임영상데임 영상/a/li
liimg src=images/arrow01.pnga href=# title=고객UCC고객 UCC/a/li
/div
/div
div class=stage_contents
uliframe src=http://dame.co.kr/gnuboard4/bbs/board.php?bo_table=movie01&page=0 scrolling=no name=myframe width=100% height=100% marginwidth=0 marginheight=0 frameborder=no onload=autoResize(this)/iframe/ul
/div
/div
------------------- 해당부분 css----------------------
#contents {
width: 1000px;
height: 100%;
position: relative;
padding-top: 0px;
}
.stage_nav_wrap {
width: 174px;
height: 100%; --- 이부분이 100%가 안먹습니다.ㅎㅎ auto도 안먹구요.
float: left;
background-color: #fff;
}
.stage_nav {
width: 140px;
height: 100%;
padding: 5px 17px 0 17px;
float: left;
background-color: #FFF;
font: 돋움체;
font-style: normal;
font-size: 12px;
color: #1e1e1e;
list-style: none;
border-right: solid 1px;
border-color: #CCC;
}
.stage_nav li {
border-bottom: solid 1px;
border-color: #CCC;
color: #1e1e1e;
line-height: normal;
padding-top: 13px;
padding-bottom: 13px;
}
.stage_nav li cate{
color: #C30;
font-family: 돋움체;
}
.stage_contents {
width: 800px;
height: 100%;
padding: 20px 0px 0px 25px;
float: right;
}
==========================
우선 http://dame.co.kr/shop/data/intro/stage/stage_main.html 위 페이지이구요.
일단 height 값 1000px; 줘서 임시방편으로 테스트 하고 있는데요.
이게 안에 게시판이 있다보니 게시판 길이가 1000px 이 넘어갈땐 안늘어나잖아요..ㅎㅎ
height 값을 100% 를 줘야 하는데 도저히 안먹네요.ㅎㅎ
#contents 가 height 값이 늘어날수록 좌측 메뉴부분 배경도 같이 100%로 늘어나야 하는데
왜 안먹는것일까요? 답답하네요.
속이 터질지경입니다.. 도와주세요..ㅠㅠ
-
상큼한캔디 2024-10-12
아~~~~~~~~~ 그렇군요... 캬.. 명쾌한 답변 감사합니다.
고민 고민하면서 하나씩 해결해가는 맛이 좋네요... 머리는 아프지만 ㅠ -
싸리 2024-10-12
.stage_nav_wrap 가 float 되어있네요. height:100% 를 하면 상위레이어가 아닌 해당 레이어 컨텐츠의 높이만큼만 적용이 됩니다. 그리고 현재 float 해제도 되어 있질 않네요. 네비와 컨텐츠 감싸고 있는 영역에 bg 를 주는 방법으로 하셔도되구요. 조금더 고민해 보시는게 좋을듯하네요~ㅋ
-
옆집언니야 2024-10-12
많은 도움이 되었습니다. 높이값을 인식 못하는게 그런 이유였군요..ㅠㅠ
-
제미니 2024-10-12
좌측에 배경을 넣으실 경우에는 .stage_nav_wrap에 주지 마시고 #contents에 주시면 되겠네요.
그러면.stage_contents 가 늘어남에 따라 자동으로 #contents로 늘어날테니까요.
그리고 부모인 #contents가 자식들의 높이값을 인식을 못할경우 부모의 높이값을 지정해주시던지 overflow:hidden이나 float값을 줌으로써 자식들의 값을 인지하여 이어받습니다. -
제철 2024-10-12
와 그생각은 못했네요.ㅎㅎㅎ .stage_contents 왼쪽에 줄 생각을 왜 못했을까요..히야~
감사드립니다. 그렇게 해버리면 게시판 늘어남에 따라 자동으로 100% 먹겠네요.^^
그런데 만약 좌측 서브메뉴에 배경색을 깔게 될 경우 거기도 100% 먹어야 할텐데 참
왜 안먹는 모르겠네요. 보니까 #contents 를 부모로 생각 안해서 그런것 같은데
흠,,;; 어떻게 구현을 해줘야 할지
마지막 말씀하신거 #contents 코딩으로 id=\cont -
태양 2024-10-12
.stage_nav 오른쪽에 border 1px을 주지 말고
.stage_contents 왼쪽에 border를 줘보는건 어떨까요?..
그리고 코딩 되어 있는거 보니까.. contents가 클래스로 선언되어 있네요.. css의 #contnets는 적용되지 않았을 것으로 보이네요..
화이팅~!