제발 답변 좀~ 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에 패딩으로 탑값과 바텀값주라는 이야기인가요?
-
천사
네 원래 그냥 하시면 안됩니다 다띄우고 탑값과 바텀값을 동시에 주셔야합니다
번호 | 제 목 | 글쓴이 | 날짜 |
---|---|---|---|
2656873 | 사진 엑박 질문입니다 | 달빛 | 2024-06-01 |
2656847 | 이런-ㅁ-;자바실행 (1) | 파라미 | 2024-06-01 |
2656823 | [질문]인터넷 익스플로어 관련... (3) | 자올 | 2024-06-01 |
2656792 | 다음 로그인소스 (2) | 보미 | 2024-06-01 |
2656736 | 다시한번 질문합니다. | 뽀야 | 2024-05-31 |
2656708 | IETester 도구를 사용해 보고있는데 결과가 다르게 나옵니다. (6) | 앵겨쪼 | 2024-05-31 |
2656653 | 버튼 누르면 이메일로 내용이 전송되게 하는 소스아시나요?ㅠㅠ | 허우룩 | 2024-05-30 |
2656575 | 굵기 하는법 | 빵야 | 2024-05-30 |
2656525 | vb2008에서 6.0으로 변환중에 이런오류가 나네요...왜이런지; (1) | 비사벌 | 2024-05-29 |
2656466 | 맥북의 장점이 무엇인가요? (4) | 티나 | 2024-05-29 |
2656436 | [제작의뢰]간단한 자바 프로그램. (1) | 참이 | 2024-05-28 |
2656408 | 자바 객체 생성에 관한 질문입니다. | 해비치 | 2024-05-28 |
2656382 | 혹시 맥북환경에서 test 하시는분 계신가요? (1) | 달달한캔디 | 2024-05-28 |
2656332 | 도움이 될까해서 글을올립니다(avada 테마관련) (1) | 계획자 | 2024-05-27 |
2656271 | html5에서 div와 section의 용도차이가.. (2) | 한추렴 | 2024-05-27 |
2656239 | 자바에서 stack메모리와 heap메모리란 무엇입니까? (2) | 나봄 | 2024-05-27 |
2656131 | 문자열 출력;; (1) | 서향 | 2024-05-26 |
2656076 | DIV 안에있는 텍스트나 이미지 등을 정렬하는 방법좀... (8) | 유진공주 | 2024-05-25 |
2656051 | 대체 lt 가 무엇인가요??? | 사라 | 2024-05-25 |
2656020 | WinHTTP 사용시 Interop.WinHttp.dll 가 필요없게 하는방법이 있나요 | 나라우람 | 2024-05-25 |