[CSS][JavaScript] Pozycja okienka dialogowego, jQuery Opcje

[Lethys]

Witam,

Korzystam z okienek dialogowych jQuery. Wszystko jest cacy, ale mam problem z rozmieszczeniem ich.

W instrukcji (position):

Specifies where the dialog should be displayed. Possible values:
1) a single string representing position within viewport: 'center', 'left', 'right', 'top', 'bottom'.
2) an array containing an x,y coordinate pair in pixel offset from left, top corner of viewport (e.g. [350,100])
3) an array containing x,y position string values (e.g. ['right','top'] for top right corner).

żródło: http://docs.jquery.com/UI/Dialog

Korzystając z instrukcji mam u siebie:

[PHP] pobierz, plaintext 
		$("#dialog").dialog('option', 'position', ['right', 'top']);
[PHP] pobierz, plaintext 

Czyli okienka wyświetlają mi się w prawym górnym rogu a jak chciałbym aby były w prawym górnym rogu ale trochę oddalone od krawędzi.

Jak mogę zrobić aby je oddalić od krawędzi (próbowałem jakieś eksperymenty z ['right-20px'] ale nie działa ).

Chciałbym aby na różnych rozdzielczościach było mniej więcej tak samo oddalone.

[kamil4u]

Nie znam dobrze jQuery, ale zgodnie z dokumentacja wydaje się, że nie ma tak łatwo

Skorzystaj z:
-

2) an array containing an x,y coordinate pair in pixel offset from left, top corner of viewport (e.g. [350,100])

- http://api.jquery.com/width/
- prosta matematyka: (szerokość_strony - 20)px

[Lethys]

No niby tak ale co 2 użytkownik ma inna rozdzielczość.

U jednego 20 pixeli będzie widoczne a u innego nie będzie widać różnicy.

Nie da się ustawić tego jakoś procentowo? np. 15% od lewej strony i 15% od topa?

[kamil4u]

Matematyka: (szerokość_ekranu*0.75)+'px'