Nieprawidowo działający Top css?

pytanie zadane 9 sierpnia 2017 w HTML i CSS przez IlovePython Nowicjusz (120 p.)

Chciałem wyśrodkować wygenerowany przez js tekst na stronie poprzez 'top:50%; left:50%;',. Problem tkwi w tym, że tekst 'zlatuje' na sam koniec strony, pomaga dopiero wpisanie top:-250% co wyśrodkowuje, lecz krzaczy się przy mniejszych rozdzielczościach. Męczę się już z tym 3dzień. W czym może tkwić problem?

komentarz 9 sierpnia 2017 przez Gohan Użytkownik (990 p.)

pokaż kod

komentarz 9 sierpnia 2017 przez IlovePython Nowicjusz (120 p.)

jest to animacja tego pokroju https://codemyui.com/rearrange-scattered-text-form-message/ w czystym html działą bez zarzutow tak samo jak na samym początku strony, lecz gdy ją dam na środku www pomiędzy innymi divami wygenerowany tekst 'spada' na koniec strony

komentarz 9 sierpnia 2017 przez Gohan Użytkownik (990 p.)

ok, fajna animacja, ale wrzuć też na codepen Twój kod i się coś pomyśli co jest nie tak z tymi divami i animacja :)

komentarz 9 sierpnia 2017 przez IlovePython Nowicjusz (120 p.)

W sumie jest to ten szablon http://www.free-css.com/free-css-templates/page214/aironepage .Nie będę rzucał kodu bo jest tego za wiele. Na szybko zkleiłem czysty szablon z tą animacją, aby ukazać jak to wygląda. Pliki css jak js mają nazwę textanm. Tu jest archiwum z plikami https://we.tl/EYyLge9hFY