Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS / JavaScrip] Stopka na dole strony
Forum PHP.pl > Forum > Przedszkole
The Night Shadow
  1. html, body {
  2. height:100%;
  3. }
  4.  
  5. body {
  6. margin: 0;
  7. padding: 0;
  8.  
  9. background-color: #6e1314;
  10.  
  11. background-image: url(grafika/tlo_2.png);
  12. background-repeat: repeat-y;
  13. background-position: 50% 0%;
  14.  
  15. background-color: #6e1314;
  16. }
  17.  
  18. #main {
  19. position: relative;
  20.  
  21. margin: auto;
  22. margin-bottom:-68px;
  23. width: 750px;
  24. height:100%;
  25.  
  26. background-image: url(grafika/tlo.jpg);
  27. background-repeat: repeat-y;
  28. background-position: 0% 0%;
  29. }
  30.  
  31. html>body #main{
  32. min-height:100%;
  33. height:auto;
  34. }
  35.  
  36. #clearfooter {
  37. clear:both;
  38. height:68px;
  39. }
  40.  
  41. #footer {
  42. position: absolute;
  43. bottom: -1px;
  44. }
  45.  
  46. html>body #footer{
  47. bottom: 0px;
  48. }



Problem polega na tym, że jeśli w kodzie html istnieje powiedzmy wersz tabeli z podpiętym CSS display: hidden i za pomocą buttona jest on zmieniany na pusty objekt.style.display = ''; w FF jest wszystko ok. IE natomiast jakby nie rozumie, że należałoby zaktualizować wysokosć MAINA i położęnie stopki. W takim układzie stopka zostaje względem górnej krawędzi tak jak była mimo, że powinna się dosunąć do dolnej krawędzi okna.

Wpadłem na pomysł zaktualizowania styli stopki w ten sposób:

function pokaz_zdjecia ( numer )
{
this.numer = numer;

getObj( 'dane_' + numer ).style.display = 'none';
getObj( 'tr_foto_' + numer ).style.display = '';

getObj( 'footer' ).style.bottom = '-1px';
}


Tylko, że jeśli taki zespołów zdjęc do pokazania jest kilka poawia sie kolejny problem. IE dosuwa stopkę do dołu tylko za pierwszym razem (przy pierwszym użyciu funkcji pokaz_zdjecia.

Da się to jakoś obejść?
-bazylnet-
Może mi się udało!!!

http://ryanfait.com/sticky-footer/
The Night Shadow
No dobrze, a teraz dodaj do tego skrypt, który z display none zmieni Ci na display = '' i to i tak nic nie da. Wiem jak dać stopkę na dół. gorzerj z treścią generowaną przez js
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.