CSS 스티커 바닥 글을 작동시킬 수 없습니다. 내가 뭘 잘못하고 있죠?

StackOverflow https://stackoverflow.com/questions/159487

  •  03-07-2019
  •  | 
  •  

문제

글쎄, 이것은 나의 첫 번째 게시물이며 사이트를 정말로 즐기고 있습니다.

나는 내가 시작한 매우 기본적인 (못생긴 죄) 사이트를 가지고 있으며 어떤 이유로 든 CSS 스티커 바닥 글을 Firefox에서 작동시킬 수 없습니다. IE는 작동하지만 FF는 페이지의 반쯤 표시됩니다.

URL입니다 http://dev.aipoker.co.uk

IE에서 FF와 버그 수정으로 개발해야한다는 것을 알고 있으므로 실제로 실수를했을 수도 있다고 생각합니다.

누구든지 나를 불행에서 꺼내도록 도와 줄 수 있습니까?

감사합니다, 남자와 여자.

도움이 되었습니까?

해결책

이 시도 하나, 그것은 Firefox에서 잘 작동합니다.

BTW, 당신은 아직 그렇지 않은 경우 Boagworld의 팟 캐스트를 들어야합니다. 훌륭합니다! :)

건배.

다른 팁

나는 다음과 같은 코드로 성공했습니다.

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 이상의 메모리에서).

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top