브라우저 크기에 따른 height 100% 문제
가막새
작업하다가 잘안되는부분이있는데요
---------------------------
상단메뉴
---------------------------
│
│
│
좌 │
측 │
메 │
뉴 │
│
│이런식 구조인데 좌측메뉴 부분에 백그라운드 칼라를넣고 브라우저 아래로 늘릴수록 꼐속 그칼라는 유지되도록 하려고 하는데 body나 lmenu 나 html 에 height 100% 줘도 적용이 안되네요 기준치가 없어서 그러는거같은데 이렇게 작업할떄느 ㄴ어떻게 하시나요?
-
희라
html,body { height:100%; margin:0; padding:0;}
만 넣어도 되네요 ;;; 아까 왜안됬지 잘못썼나 ㅠㅠ 감사합니다 ㅎㅎ -
딥레드
html,body { height:100%; margin:0; padding:0;}
.wrap { height:100%; }
.header { position:relative; height:100px; background-color:#ccc; }
.lmenu { min-height:100%; background:red; }
*html .lmenu { height:100%; margin:-100px 0 0 0; padding:100px 0 0 0; -
유희
지금막 짜고있는중이라...;;
body
div class=\wrap\
div class=\header\
/div
div class=\lmenu\
/div
.
.
.
.
/div
/body
--------------------------------
.warp{width:100%; height:100%;}
.header{height:60px; border-bottom:1px solid #7b7a7a;}
.lmenu{width:180px; height:10 -
남은
소스좀 볼수있을까요~
-
수예
그냥 해상도 큰 모니터에서 마우스로 쭉 늘려봅니다 ;;
-
지희
브라우저 아래로 늘릴때 어떤식으로 늘려보세요?