html, body { height:100%; } body { margin: 0; padding: 0; background-color: #6e1314; background-image: url(grafika/tlo_2.png); background-repeat: repeat-y; background-position: 50% 0%; background-color: #6e1314; } #main { position: relative; margin: auto; margin-bottom:-68px; width: 750px; height:100%; background-image: url(grafika/tlo.jpg); background-repeat: repeat-y; background-position: 0% 0%; } html>body #main{ min-height:100%; height:auto; } #clearfooter { clear:both; height:68px; } #footer { position: absolute; bottom: -1px; } html>body #footer{ bottom: 0px; }
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ść?