Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS / JavaScrip] Stopka na dole strony, problem z treścią generowaną przez JS (tylko IE)
The Night Shadow
post
Post #1





Grupa: Zarejestrowani
Postów: 495
Pomógł: 2
Dołączył: 5.02.2006
Skąd: Wrocław

Ostrzeżenie: (0%)
-----


  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ść?


--------------------
Programista Stron i Serwisów WWW oraz Aplikacji Internetowych
Specjalista ds. Pozycjonowania Aplikacji Internetowych
Copywriter
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 2)
--bazylnet--
post
Post #2





Goście







Może mi się udało!!!

http://ryanfait.com/sticky-footer/
Go to the top of the page
+Quote Post
The Night Shadow
post
Post #3





Grupa: Zarejestrowani
Postów: 495
Pomógł: 2
Dołączył: 5.02.2006
Skąd: Wrocław

Ostrzeżenie: (0%)
-----


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


--------------------
Programista Stron i Serwisów WWW oraz Aplikacji Internetowych
Specjalista ds. Pozycjonowania Aplikacji Internetowych
Copywriter
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 21.08.2025 - 10:15