Forum PHP.pl > [CSS]Pływający loader

Pomoc - Szukaj - Użytkownicy - Kalendarz

borpaw

26.08.2015, 12:26:49

Jak zrobić żeby loader ( jakiś div) był zawsze na środku widoku strony?

mam taki zapis css, jednak w przypadku strony powiedzmy wysokości dwóch trzech wysokości ekranu loader uruchamia się w niewidocznej części strony. A ja bym chciał go widzieć w rzeczywistym widoku na środku, tam gdzie akurat przewinę scrollem.

[PHP] pobierz, plaintext 
#loading-mask {		
    position: absolute;
    top: 0;
    color: #D85909;
    font-size: 1.1em;		
    text-align: center;
    z-index: 999999999;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0.8;
}
[PHP] pobierz, plaintext

Comandeer

26.08.2015, 12:40:03

Może to pomoże

http://howtocenterincss.com/

ayo1001

26.08.2015, 12:43:57

Kod z mojej strony:

Kod

#preloader {
    background-color: #FFF;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
}

#status {
    background: url(../images/loader.GIF);
    position: absolute;
    width: 200px;
    height: 200px;
    left: 50%;
    top: 50%;
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
}

Powinno pomóc.

borpaw

26.08.2015, 13:11:00

super, dzieki

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.