Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Rozciągnięcie elementu na wysokość całej strony
ZaqU
post
Post #1





Grupa: Zarejestrowani
Postów: 71
Pomógł: 1
Dołączył: 21.01.2013

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


Chciałbym zrobić przyciemnienie strony podczas wyświetlania np. okienka logowania na środku ekranu. W tym celu postanowiłem stworzyć półprzeźroczystego DIVa:

Kod
--CSS:
   width: 100%;
   height: 100%;
   position: absolute;
   background: rgba(0, 0, 0, .5);

--STRUKTURA HTML W UPROSZCZENIU:
   <body>
     <div id="przyciemnienie"></div>
     <div id="strona"></div>
   </body>


Height ustawiony na 100% w zupełności wystarcza dla dużych rozdzielczości, gdzie strona jest wyświetlana w całości na jednym ekranie i nie trzeba przewijać jej w dół. Problem pojawia się w np. laptopach (np. 1366x786), gdzie trzeba przewijać stronę. Wówczas DIVa rozciąga się tylko na aktualną wysokość okna przeglądarki, a nie na całą stronę.

Macie pomysł w jaki sposób to zrobić? Niestety nie mogę ustalić bezpośredniej wartości w px bo strona będzie miała zmienną wysokość.
Go to the top of the page
+Quote Post

Posty w temacie


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 - 22:59