제발 답변 좀~ height 100%로 안 먹힐때 이거 어케 해야하나요?
이퓨리한은지
http://market.zois.kr/handyadam_test/location_test.html위에서 보면 오렌지배경의 .container가 있는데...
css에 min-height:100%;height:100%;를 넣었는데도 왜 밑으로 내려가지 않지요? 회색박스인 footer까지 오렌지배경이 내려와야지 정상맞는것같은데.... 왜 이럴까요?
.container안에 height:900px인 그린배경색인 div가 있는데도 말이죠~ 글구
이런 테스트를 하는이유는... 왼쪽 검정 nav를 화면에 꽉차게 하려는 것인데... 화면밑으로까지 검정배경이 꽉 차질않아서요!
오늘 하루종일 삽질중입니다.
연휴인데.... 제발 도와주세요!
-
블랙캣
소라바다님 ... 현재는 모든구조에 탑또는 바텀에 패딩이 삭제된 상태인데..그럼 순수하게 오렌지가 푸터자리까지 화면에 차야하는게 맞는것 아닌가요? 소라바다님 이거 오늘 중으로 꼭 해결해야하는데 방법좀 알려주세요. 분명 패딩삭제 했습니다.
-
진달래
음. 현재 구조가, 오렌지색 안에 회색 네비바가 들어있죠? 오랜지색 내비바가 브라우저 사이즈의 100%높이를 갖습니다. 그리고 회색 네비바는 오렌지색 네비바의 높이를 갖습니다. 그런데 회색 네비바의 높이는 오렌지색 네비바의 색깔에 패딩까지 더해져 있기 때문이죠. 답변이됬나요?
-
글리슨
답글 감사해요! 회색네비바에 패딩 삭제했더니... 오렌지랑 같은 높이를 가지게 됐어요! 감사합니다. 그런데... 왜 오렌지색 배경과 회색네비바는 화면에 꽉차지는 않는거지요???
-
플랜
오렌지색 배경은 height:100%의 높이를 갖지만, 회색 네비바는 100% + padding의 높이를 갖습니다. 그래서 회색 네비바가 오렌지색 배경보다 사이즈가 커져서 스크롤이 생기고, 남는 공간은 하얗게 채워진 것입니다.
-
달달항사탕
음. height:100%에 padding까지 주셨군요... 근본적인 박스모델에 대한 이해가 필요 할거같습니다.
-
이하얀
흠... 왼쪽 회색 내비는 현재 앱솔루트인 상태입니다. 참고로... 뭘 또 앱솔루트 주라는 거지요?
-
다연
앱솔띄워서 하세용
-
밝음이
container에 패딩으로 탑값과 바텀값주라는 이야기인가요?
-
천사
네 원래 그냥 하시면 안됩니다 다띄우고 탑값과 바텀값을 동시에 주셔야합니다