마진 - 하단의 재산

-3

에 윈도우의 heigth을 적용 나는 다음과 같은 코드를 가지고 :마진 - 하단의 재산

HTML :

<div id="footer-container"> 
    last line in page 
</div>

CSS는 :

#footer-container { 
    margin-bottom:800px; // needs improvement 
}

아이디어는 사용자가 완전히 배경 이미지를 볼 수 있도록하는 것입니다 . 그것은 작동합니다. 그러나 800px은 사용자 창의 크기에 따라 더 길거나 길 수 있습니다.

margin-bottom에 자바 스크립트가없는 창의 현재 높이 값을 사용할 수 있습니까?

출처

2012-09-18 Igor Parra

아니요 JavaScript는 요소의 렌더링 된 치수에 액세스하는 유일한 방법입니다.

https://developer.mozilla.org/en-US/docs/CSS/background-size

출처

2012-09-18 23:25:17 cimmanon

덕분에 @cimmanon하지만 내 질문은 배경 - 이미지에 대한되지 않습니다 : 그러나, 배경 이미지는 현대적인 브라우저에서 확장 할 수 있습니다. 나는 당신의 첫 번째 시도가 아니라고 생각합니다. 요소의 렌더링 된 치수에 액세스하는 유일한 방법은 JavaScript뿐입니다. 정답이어야합니다. 확인하고 다시 보러 올께요 .- –

원하는 답변을 받아들이는 것을 거절하는 것은 소름 끼치는 것처럼 보입니다. 원하는 효과를 얻기 위해 JS를 기꺼이 사용하고 있음을 나타내지 않으므로. 이것이 잠재적 인 순수 CSS 솔루션을 제공 한 이유입니다. – cimmanon

당신은 나를 이해하지 못합니다. 나는 당신의 대답이 올바른 것 같아요. 나는 그것을 확인하기 전에 확실하게하고 싶다. 그리고 네, 저는 CSS 솔루션을 요구했습니다. 내가 말했듯이 이것에 대해 확신 할 때 나는 너에게로 돌아갈 것이다. 감사합니다 ... –

마진 - 하단의 재산

답변

관련 문제