Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Stopka
Forum PHP.pl > Forum > Po stronie przeglądarki
GoOx
Podał by ktoś kod na stopkę która jest u dołu strony wraz z przewijaniem strony?

Dla przykładu dam np naszą klasę tam jest taki czat. Typu gg

Mi chodzi o samą stopkę. Nie o to gg biggrin.gif
webfreak
  1. #footer {
  2. position:fixed;
  3. left:0px;
  4. bottom:0px;
  5. height:30px;
  6. width:100%;
  7. background:#999;
  8. }
  9.  
  10. /* IE 6 */
  11. * html #footer {
  12. position:absolute;
  13. top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
  14. }
  15.  



lub

  1.  
  2. body{
  3. margin:0;
  4. padding:0 0 wartosc 0;
  5. }
  6. div#footer{
  7. position:absolute;
  8. bottom:0;
  9. left:0;
  10. width:100%;
  11. height:wartosc;
  12. }
  13. @media screen{
  14. body>div#footer{
  15. position: fixed;
  16. }
  17. }
  18. * html body{
  19. overflow:hidden;
  20. }
  21. * html div#content{
  22. height:100%;
  23. overflow:auto;
  24. }
Korab
Słowo-klucz: sticky footer.
webfreak
Cytat(Korab @ 26.11.2011, 13:16:40 ) *
Słowo-klucz: sticky footer.


Slowo-klucz: Fixed Footer - - - - - - Sticki to ten ktory zawsze jest na dole a nie zostaje gdy ktos scroll`uje smile.gif
GoOx
Wielkie dzięki webfreak masz pomógł odemnie.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.