하단을 항상 꽉 차게 하려면 어떻게 해야 할까요?
바로찬글
그림처럼 하단에 넓이는 풀로 채우고 세로는 브라우저나 내용의 길이에 따라 변하면서 맨 아래 끝 부분은 항상 꽉 차게하려면 어떻게 해야 할까요? height를 지정해 주면 모니터 해상도나 브라우저를 축소하거나 내용의 길이가 달라지거나 하면꽉차는게 안될것 같은데요? div 스타일을 어떻게 해줘야 하나요? 많이들 그렇게 되어 있는것 같은데 어떻게 하는지 궁금합니다. ^^
-
자올
다른방법으로는 제이쿼리로 $(window).height()을 구해서
#wrap 의 높이는
$(window).height()-footer의 높이 하는 방법도 있겠네요.방법은 많은거 같아요;;
그것도 아님 익스 6을 버리신다면 #footer 를 position:fixed; 하는 방법도 있고요.
지극히 개인적인 생각입니다^^;; -
첫삥
지극히 개인적인 생각으로는 min-height는 익스6에서 안되서 핵같이 쓰셔야 하고요. :after 는 익스7이하에서 안되기 때문에 비추합니다. 위에거 테스트해봤는데 아이테스트문제인지 모르겠으나 깨지네요...;;;
위에분 말씀하신 대로 나오는거라면 그냥 간단한 css만으로 가능합니다.
style type=\text/css\
\t*{margin:0; padding:0;}
\thtml,body{height:100%;}
\t#wrap{height:10 -
재찬
아 그렇군요. 한번 시도해 보겠습니다. 감사합니다.
-
갈매빛
감사합니다.
-
가장
:after는 가상컨텐츠에요. css로 가상의 컨텐츠를 만드는거죠. .aaaaa:after 라는 선택자가 있다면 aaaaa클래스의 요소 다음에 가상의 컨텐츠를 만들라는 뜻입니다. 보통 플로트 된 요소들의 레이아웃 깨짐을 방지하기 위해서 빈 컨텐츠를 삽입하려고 할때, 의미없는 마크업 요소를 집어넣기보다는 이렇게 CSS상으로 가상의 컨텐츠를 넣는 방법을 많이 씁니다.
-
개럭시
맞는것 같은데... :after라는건 자기자신 div 다음에 오는 요소를 말하는 건가요? 잘 안 쓰는 거라서 ?