 position:absolute oraz top: i left:, wycentrować? |
| position:absolute oraz top: i left:, wycentrować? |
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"?
|
 |
 
|
 |
|
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%; } |
|
|
|
|
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%; |
|
|
|
|
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ś... |
|
|
|
|
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. |
|
|
|
|
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 ? (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) |
|
|
|
|
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. (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif) "dla mozilli ten kod nie zadziała" != "...dobrze obsługuje pozycjonowanie jest mozilla" (IMG:http://forum.php.pl/style_emoticons/default/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: Ten post edytował dag 25.10.2004, 09:28:41 |
|
|
|
|
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. |
|
|
|
 |
|
Aktualny czas: 24.08.2025 - 03:59 |
