Forum PHP.pl > position:absolute oraz top: i left:

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: position:absolute oraz top: i left:

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

MP1

23.10.2004, 18:13:57

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

aBendi

23.10.2004, 22:18:14

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%;
}

dag

23.10.2004, 23:01:30

zamiast podawania polowy szerokosci, zrob tak:

Kod

left: 50%;
right: 50%;

MP1

24.10.2004, 10:46:53

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ś...

dag

24.10.2004, 10:50:34

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

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

revyag

25.10.2004, 07:30:54

@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 ?

dag

25.10.2004, 09:28:21

Cytat

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

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

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:

[HTML] pobierz, plaintext 
<html>
<head>
<style type="text/css">
#a{
	position: absolute;
	background:#cccccc;
	width: 120px;
	left:50%;
	right:50%;
}
</style>
</head>
<body>
<div id="a">
dasadasd
</div>
</body>
</html>
[HTML] pobierz, plaintext

revyag

25.10.2004, 09:55:58

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.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.