Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> position:absolute oraz top: i left:, wycentrować?
MP1
post
Post #1





Grupa: Zarejestrowani
Postów: 194
Pomógł: 0
Dołączył: 22.09.2003
Skąd: Polska

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


Jak wycentrować znacznik DIV na środek okna przeglądarki, który ma następujący parametr w STYLE: "position: absolute"?


--------------------
COMPMaster: REAKTYWACJA
F3Sonda: gotowe
F3Kartki:
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 7)
aBendi
post
Post #2





Grupa: Zarejestrowani
Postów: 8
Pomógł: 0
Dołączył: 22.10.2004

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


Jeśli masz ustaloną szerokość tego elementu, to możesz zastosować taki mały hack i podać left: 50% i margin-left: -połowa szerokości.
Przykład:
Kod
#blah  {
  position: absolute;
  width: 720px;
  margin-left: -360px;
  left: 50%;
}


--------------------
Pozdrawiam
Most people prefer doors to windows.
Go to the top of the page
+Quote Post
dag
post
Post #3





Grupa: Zarejestrowani
Postów: 180
Pomógł: 0
Dołączył: 24.12.2003

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


zamiast podawania polowy szerokosci, zrob tak:

Kod
left: 50%;
right: 50%;


--------------------

------------------------------------------------------------------------------------------------------
Go to the top of the page
+Quote Post
MP1
post
Post #4





Grupa: Zarejestrowani
Postów: 194
Pomógł: 0
Dołączył: 22.09.2003
Skąd: Polska

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


Nie ma w JS czegoś, co by wyświetliło to na środku ekranu?

Bo i tak te okienka będą wyświetlane dopiero po kliknięciu na coś...


--------------------
COMPMaster: REAKTYWACJA
F3Sonda: gotowe
F3Kartki:
Go to the top of the page
+Quote Post
dag
post
Post #5





Grupa: Zarejestrowani
Postów: 180
Pomógł: 0
Dołączył: 24.12.2003

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


A po co za pomocą JS jak można za pomocą CSS?

Poczytaj trochę o WebStandards. Za stronę wizualną odpowiedzialny jest CSS.


--------------------

------------------------------------------------------------------------------------------------------
Go to the top of the page
+Quote Post
revyag
post
Post #6





Grupa: Przyjaciele php.pl
Postów: 2 258
Pomógł: 16
Dołączył: 21.09.2004
Skąd: Kielce

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


@dag dla mozilli ten kod nie zadziała.
Jedyną przeglądarką, która dobrze obsługuje pozycjonowanie jest mozilla. Więc, żeby we wszystkich przeglądarkach wygądało to tak samo trzeba zastosować kod, który podał aBedni.
@MP1 mowisz o centrowaniu diva, a w następnym poście że po kliknięciu na coś będą się otwierały okienka. Co chcesz w koncu zrobic, wycentrowane divy czy divy w wycentrowanych popupach czy wycentrowane divy w popupach ? smile.gif


--------------------
-------------

------
Go to the top of the page
+Quote Post
dag
post
Post #7





Grupa: Zarejestrowani
Postów: 180
Pomógł: 0
Dołączył: 24.12.2003

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


Cytat
@dag dla mozilli ten kod nie zadziała.
Jedyną przeglądarką, która dobrze obsługuje pozycjonowanie jest mozilla.

questionmark.gif "dla mozilli ten kod nie zadziała" != "...dobrze obsługuje pozycjonowanie jest mozilla" questionmark.gif


Nie wiem jak z innymi przeglądarkami, bo nie mam w tej chwili ich pod ręką, ale w IE 6 i Firefoxie 1.0PR ten kod wyświetla poprawnie:

  1. <style type="text/css">
  2. #a{
  3. position: absolute;
  4. background:#cccccc;
  5. width: 120px;
  6. left:50%;
  7. right:50%;
  8. }
  9. </head>
  10. <div id="a">
  11. dasadasd
  12. </div>
  13. </body>
  14. </html>


Ten post edytował dag 25.10.2004, 09:28:41


--------------------

------------------------------------------------------------------------------------------------------
Go to the top of the page
+Quote Post
revyag
post
Post #8





Grupa: Przyjaciele php.pl
Postów: 2 258
Pomógł: 16
Dołączył: 21.09.2004
Skąd: Kielce

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


Co rozumiesz przez wyświetla poprawnie ?
U mnie na ie 6.0 , operze 7.51, netscape 7.52, Firefoxie 1.0 wygląda to tak że warstwa nie jest wycentrowana, tylko zaczyna się od połowy strony.


--------------------
-------------

------
Go to the top of the page
+Quote Post

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: 20.08.2025 - 04:50