Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [CSS]Pływający loader
borpaw
post
Post #1





Grupa: Zarejestrowani
Postów: 439
Pomógł: 0
Dołączył: 3.06.2010

Ostrzeżenie: (50%)
XXX--

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 
  1. #loading-mask {		
  2.     position: absolute;
  3.     top: 0;
  4.     color: #D85909;
  5.     font-size: 1.1em;		
  6.     text-align: center;
  7.     z-index: 999999999;
  8.     width: 100%;
  9.     height: 100%;
  10.     background-color: #fff;
  11.     opacity: 0.8;
  12. }
[PHP] pobierz, plaintext
Go to the top of the page
+Quote Post
Comandeer
post
Post #2





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

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

Może to pomoże wink.gif http://howtocenterincss.com/


--------------------
★Mój blog || Okiem krytyka★
Go to the top of the page
+Quote Post
ayo1001
post
Post #3





Grupa: Zarejestrowani
Postów: 74
Pomógł: 1
Dołączył: 29.03.2013

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

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.

Ten post edytował ayo1001 26.08.2015, 12:44:24
Go to the top of the page
+Quote Post
borpaw
post
Post #4





Grupa: Zarejestrowani
Postów: 439
Pomógł: 0
Dołączył: 3.06.2010

Ostrzeżenie: (50%)
XXX--

super, dzieki
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 21.08.2025 - 19:54
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn