포럼
레이아웃 div css {height:100%} 값을 줬는데도
2013.12.08 17:01
아래 사진처럼
저기 다이제 나와있는곳이 content 의 범위이고 css content {height:100%} 그리고 {height:auto;} 값을 줘봤는데도
해당 상품이 content 범위 밖으로 벗어나서요. 지금 content 에 background 값을 줬는데 사진과 같이
백그라운드 범위를 벗어낫어요 .
저 해당상품이 나오는 곳 content 랑 그 좌측 st_menu, rd_sub 도 height 100% 값을 줬는데 스크롤바가 생겨 아래로 내리면 범위밖이에요
'
제가 뭔가 잘못하고 있는건가요.. 이거 ...... 참 -_- ; 어렵네요..
브라우저? 모니터? 상의 height 값으로 바뀌는건지.. ;
--- 링크에요 --
http://iovehong3.cafe24.com/product/list.html?cate_no=6
--- 소스에요 --
<style>
* {margin:0;padding:0;}
html, body {width:100%; background:#2f2f2f; min-width:100%;margin:0;padding:0;min-height:100%;height:100%;} /*For IE height 100%*/
a { text-decoration:none; color:202020;}
#wrap {width:100%; height:100%;}
#st_menu {position:relative;border-right:1px solid #e6e7e8;height:100%; width:15%; background:#F1F1F1;float:left;}
#arrow_bg { position:absolute; right:-10px; top:50%; border:10px solid transparent; border-left:10px solid #F1F1F1; border-right:none; z-index:2;}
#arrow_bd { position:absolute;right:-11px;top:50%; border:10px solid transparent; border-left:10px solid #e6e7e8; border-right:none;z-index:1;}
#st_menu .home {float:left; width:90%; height:20%; color:#ffffff; background:#000; margin:0 auto;margin-left:5%; margin-top:5%; }
#gnb {float:left; width:90%; height:20%; color:#ffffff; background:#919191; margin:0 auto;margin-left:5%; margin-top:5%; }
#gnb ul li { display:inline;list-style:none;}
#rd_sub {height:100%; width:15%; background:#FFFFFF;float:left; position:relative;border-right:1px solid #e6e7e8; }
#ar_bg { position:absolute; right:-10px; top:10%; border:10px solid transparent; border-left:10px solid #ffffff; border-right:none; z-index:2;}
#ar_bd { position:absolute;right:-11px;top:10%; border:10px solid transparent; border-left:10px solid #e6e7e8; border-right:none;z-index:1;}
#rd_sub .menu {width:90%; height:100%; margin:0 auto; list-style-type:none; font-family:'나눔고딕';}
#rd_sub .menu ul { list-style: none; }
#rd_sub .menu ul li { color:#000000;}
#content {padding-left:30px;height:100%; width:800px; background:#ffffff; float:left;border-right:1px solid #e6e7e8;}
#quick_right {float:left; width:150px; height:100%;}
#floatR {width:100px;height:150px;border:1px solid blue; border-radius:20px;}
#floatR ul {}
#floatR ul li {list-style:none; text-align:center; margin:4px 0 0 0;}
#footer {
left:0px;
bottom:0px;
width:100%;
height:50px;
background:#e5e5e5;
z-index:2;
}
</style>
<div id="wrap">
<!-- main menu -->
<div id="st_menu">
<div id="arrow_bg"></div>
<div id="arrow_bd"></div>
<div class="home">로고</div>
<div style="clear:both"></div>
<div id="gnb">
<ul><a href="#">aaa</a>
<li>dddd</li>
<li>rrrrr</li>
</ul>
</div>
</div>
<!-- sub menu -->
<div id="rd_sub">
<div id="ar_bg"></div>
<div id="ar_bd"></div>
<div class="menu">
<ul>
<li>Sub Menu, Banner, Img</li>
</ul></div>
</div>
<!-- content main -->
<div id="content">
content
</div>
<div id="quick_right">
<div id="floatR">
<ul>
<li><a href="#">Quick menu1</a></li>
<li><a href="#">Quick menu2</a></li>
<li><a href="#">Quick menu3</a></li>
<li><a href="#">Quick menu4</a></li>
</ul>
</div>
</div>
</div>
댓글 0
글쓴이 | 제목 | 최종 글 |
---|---|---|
아싸로또1등맞고싶어 | 레이아웃 div css {height:100%} 값을 줬는데도 | |
nado0124 | 최신 코어하고 1.5하고 스팸차단 능력이 차이가 많이 나나요? [2] | 2013.12.08 by 푸시아 |
銀童 | 요즘 XE 분위기가 참 좋네요. [9] | 2020.03.14 by BNU |
Lansi | 손이 미끄러졌네요 | |
도라미 | XDT EX 배포본 모음 [2] | 2013.12.07 by 도라미 |
2donggalbi | 지금와서 다시 생각해보면 [2] | 2013.12.07 by 참치.k |
라돌체 | 보통 커뮤니티 제작 후 관리할 때 비용 얼마 정도 받나요? [12] | 2013.12.07 by 정도의길을걷기싫다 |
권태성 | XE Hub 개소식 사진이 올라왔네요 [5] | 2013.12.07 by 라미아스튜디오 |
treasurej | 공식홈페이지 디자인과 메인 노출 컨텐츠 [9] | 2020.03.14 by 벨몽이 |
Lansi | XE 업데이트 날은 [2] | 2013.12.06 by Lansi |
Canto | 심심해서 날씨정보 애드온을 하나 만들었습니다. [10] | 2014.07.16 by Canto |
Lansi | CDN 서비스가 종료된다는데 | |
Lansi | Github 위키 작성 해도 될까요? | |
라돌체 | 자바스크립트로 추천수를 올릴 수 있을까요? [1] | 2013.12.06 by Lansi |
카메론 | 새로 업데이트되는 XE1.7.4 설치 전에 꼭 실행해 보세요~^^ [3] | 2013.12.06 by Lansi |
gayeon | 자료 공유 2 :: 팝업 애드온(다이나믹 팝업) [15] | 2013.12.06 by socialskyo |
Ju-rie | XE 파일 다운로드 버그 발견했습니다.... [3] | 2013.12.06 by explode |
jahong | 공홈 로그인이 풀립니다. [4] | 2013.12.06 by explode |
KANTSOFT | 스텍오버플로우 한국어판 사이트가 나왔네요. [4] | 2013.12.06 by BonaSera |
쿡래빗 | 아직도 의문이지만... 왜 xe강의 게시판은 없는것인가!? [13] | 2020.03.14 by 라미아스튜디오 |