Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [CSS]Okno na środku strony
Lirdoner
post
Post #1





Grupa: Zarejestrowani
Postów: 500
Pomógł: 1
Dołączył: 29.09.2009

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

Witam, jak zrobić aby okno było na środku strony w każdej rozdzielczości
dodatkowo mam parametr position:fixed więc margin: 0 auto nic nie daje
Go to the top of the page
+Quote Post
kapuch
post
Post #2





Grupa: Zarejestrowani
Postów: 389
Pomógł: 69
Dołączył: 26.04.2010
Skąd: Łódź

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

Cytat(Lirdoner @ 4.08.2010, 15:20:30 ) *
Witam, jak zrobić aby okno było na środku strony w każdej rozdzielczości
dodatkowo mam parametr position:fixed więc margin: 0 auto nic nie daje

To jak niby chcesz to wycentrowac, skoro uzywajac position: fixed; przyklejasz dany element.
Zrob kontener i daj mu fixed, a w nim dopiero element, ktory chcesz centrowac:
[HTML] pobierz, plaintext 
  1. <style type="text/css">
  2. .container {
  3.  position: fixed;
  4.  left: 0px;
  5.  top: 0px;
  6.  width: 100%;
  7.  height: 100%;
  8. }
  9. .popup {
  10.  margin: 0 auto;
  11.  width: 400px;
  12.  height: 250px;
  13.  border: 1px solid #000;
  14.  background-color: #FF0000;
  15. }
  16. </style>
  17.  
  18. <!-- a w body -->
  19. <body>
  20. <div class="container">
  21.  <div class="popup">OKNO</div>
  22. </div>
  23. </body>
[HTML] pobierz, plaintext

Pisane na szybko, wiec moze jakis blad sie pojawic, ale chodzi mi tylko o nakreslenie rozwiazania (IMG:style_emoticons/default/tongue.gif)

Ten post edytował kapuch 4.08.2010, 16:10:05
Go to the top of the page
+Quote Post
skarabe.pl
post
Post #3





Grupa: Zarejestrowani
Postów: 142
Pomógł: 49
Dołączył: 29.07.2010

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

[HTML] pobierz, plaintext 
  1. <div style="position: fixed; left: 50%; top: 50%">
  2.     <div style="position: relative; left: -50px; top: -50px">
  3.         <div style="width: 100px; height: 100px;">
  4.  
  5.         </div>
  6.     </div>
  7. </div>
[HTML] pobierz, plaintext

Jak zmienisz wymiary kwadratu to musisz pamiętać o aktualizacji left i top (dokładnie połowa, odpowiednio, szerokości i wysokości).
Go to the top of the page
+Quote Post
websurg
post
Post #4





Grupa: Zarejestrowani
Postów: 5
Pomógł: 0
Dołączył: 26.07.2010

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

Na moim blogu opisałem sposób na crossbrowser overlay.
Fixed OVERLAY w CSS
Zapraszam
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 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: 6.12.2025 - 11:00
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn