CSS 스티커 바닥 글을 작동시킬 수 없습니다. 내가 뭘 잘못하고 있죠?
문제
글쎄, 이것은 나의 첫 번째 게시물이며 사이트를 정말로 즐기고 있습니다.
나는 내가 시작한 매우 기본적인 (못생긴 죄) 사이트를 가지고 있으며 어떤 이유로 든 CSS 스티커 바닥 글을 Firefox에서 작동시킬 수 없습니다. IE는 작동하지만 FF는 페이지의 반쯤 표시됩니다.
URL입니다 http://dev.aipoker.co.uk
IE에서 FF와 버그 수정으로 개발해야한다는 것을 알고 있으므로 실제로 실수를했을 수도 있다고 생각합니다.
누구든지 나를 불행에서 꺼내도록 도와 줄 수 있습니까?
감사합니다, 남자와 여자.
해결책
다른 팁
나는 다음과 같은 코드로 성공했습니다.
footer {
display: block;
position: absolute;
width: 100%;
bottom: 0px;
}
내가 볼 수있는 최소한의 변화는 다음과 같습니다.
- 바닥 글을 몸 안에 움직입니다
- 신체와 바닥 글 모두에서 절대 위치를 설정합니다
- 바닥에 바닥 = 0px를 설정합니다
그것은 당신의 머리 속에 이와 같은 것으로 끝납니다.
<style type="text/css">
#body, #footerSection { position: absolute; }
#footerSection { bottom: 0px; }
</style>
<div id="body">
...
<div id="footerSection">
...
</div>
</div>
이것은 당신이 알아야 할 모든 것 CSS에 대해서만 끈적 끈적한 바닥 글 및 끈적 끈적한 NAV :
페이지 하단에 고수하십시오
Position: absolute;
top:auto;
bottom: 0;
화면 하단에 붙어 있습니다
Position: fixed;
top:auto;
bottom:0;
모든 문제와 아마도 HTML 코드를 배치 한 위치 (컨텐츠 래퍼를 고수하지 않는 한 바닥 글을 자식 요소로 만들지 않음) 또는 CSS 중첩 때문일 수 있습니다.
자동 및 상단을 뒤집어 동일한 기술을 스티커 내비게이션에 적용 할 수 있습니다. 모바일을 포함한 크로스 브라우저 호환 (IE7 이상의 메모리에서).
제휴하지 않습니다 StackOverflow