background position

[즐거운]

background position: 70% 70%를 주었을 때 파이어폭스에서 왼쪽으로 70%, 아래쪽에서 70%를 띄우는 문제가 생겨서 질문드립니다. 왼쪽에서 70%, 위쪽에서 70%라고 알고 있었거든요. 별 문제 없었는데 갑자기 이러는 것 같아서 당황스럽네요.
혹시 이런 문제가 계속 생기면 IE와의 문제는 어떻게 해야 할까요?

[흑마법사]

CSS안에서 height:100%; 를 지정해주지 않으면 세로 positioning에 문제가 생긴다고 알고 있습니다. 혹 지정해 주시지 않았으면 시도해 보세요.

그래도 문제가 생기신다면 소스코드를 보여 주세요. 그러는편이 뭐가 문제인지 확실하게 알 수 있으니까요.

[dece24]

FF 와 OP 는 기본적으로 html, body 의 높이가 0 으로 잡혀 있고 내부 콘텐트의 양에 따라서 높이가 결정 됩니다. IE는 콘텐트의 높이와 관계없이 그 높이가 100% 으로 잡혀 있기 때문에 body 에 배경을 위와같이 주었을 때 IE만 정상적으로 렌더링 하는 것처럼 보입니다.

렌더링 방식으로서 IE가 맞는지, FF, OP가 맞는지 그것까지는 제가 확실하게 모르겠습니다.(아마도 Acid2 test 까지 통과한 OP의 렌더링이 맞는 것이 아닐까 강력하게 추측됩니다.)

하지만 html, body 의 높이를 모든 브라우저가 동일하게 인식할 수 있도록 다음과 같은 코드를 넣어주시면 원하는 방식대로 렌더링 될 것입니다.

<style>
html, body { height:100%;}
</style>

PS : 에쿠, 글 쓰는 사이에 흑마법사 님께서 이미 댓글을 ^___^

[흑마법사]

dece24님의 답변이 훨씬 더 알기 쉽군요. ^_^ 수고하셨습니다!