GoldenLine
Zaloguj się
Kordian Zadrożny

Kordian Zadrożny TETA HR, IT.
Konsulting,
Marketing, JOOMLA,
CorelDraw

Temat: pozycjonowanie względem ekranu

Mam taki problem.
Mam długą tabelkę, a w niej rekordy.
Po kliknięciu na jeden z nich pojawia się na środku div wcześniej niewidoczny (ajax pobiera do niego dynamicznie dane).

No i tu mam problem.
Mam taki styl:
#popup {display:none; position:absolute; top:10px; left: -150px; padding:20px; width:600px; background:#d9ecff;z-index:99;}

za pomocą javascriptu robię tylko display:block; oraz już efekcik w postaci przeźroczystego tła ale to nieważne.

Problem w tym, że takie pozycjonowanie wrzuca mi to na górę strony, a jak tabelka długa to trzeba do góry przewijać... Nie wiem jak to pozycjonować na środku "widocznej" strony.
Link do wypowiedziLink

konto usunięte

Temat: pozycjonowanie względem ekranu

Position:fixed + stosowny expression dla IE6 który znajdziesz tutaj?

Zgaduję, bo coś mi się kojarzyło, ale nie trenowałem tematu osobiście ;)
Link do wypowiedziLink
Kordian Zadrożny

Kordian Zadrożny TETA HR, IT.
Konsulting,
Marketing, JOOMLA,
CorelDraw

Temat: pozycjonowanie względem ekranu

tylko, że przy fixed nie mogę tego przewijać, a gdy się nie mieści to kupa blada :)
Link do wypowiedziLink
Bartłomiej Niedziela

Bartłomiej Niedziela IT Expert , ING
Services Polska

Temat: pozycjonowanie względem ekranu

Masz gdzieś to on-line...

Można w FF fierbug'iem podziałać i potestować style...
Link do wypowiedziLink
Kordian Zadrożny

Kordian Zadrożny TETA HR, IT.
Konsulting,
Marketing, JOOMLA,
CorelDraw

Temat: pozycjonowanie względem ekranu

no nie mam właśnie:(

Ale chyba trzeba będzie javascriptem odczytać położenie myszy i względem tego wyświetlać ramkę
Link do wypowiedziLink
Marcin Lejman

Marcin Lejman Właściciel, iTrans

Temat: pozycjonowanie względem ekranu

Jeżeli korzystasz z jquery, to zapewne pomoże Ci to:

http://docs.jquery.com/CSS/scrollTop
Link do wypowiedziLink
Michał Książek

Michał Książek FE-DEV(xhtml/js/jQ)
/ PHP(Symfony, MVC,
Eclipse) / PSD / ...

Temat: pozycjonowanie względem ekranu

a względem czego pozycjonujesz ten element #popup ??
Link do wypowiedziLink

konto usunięte

Temat: pozycjonowanie względem ekranu

Michał Książek:
a względem czego pozycjonujesz ten element #popup ??

Jeszcze raz zerknij na temat ;)

A właśnie co do tematu: zobacz jak to jest zrobione w takim Lightboxie. Link Marcina pewnie Ci pomoże w rozwiązaniu problemu, ale też można obejść się bez jQuery.
Link do wypowiedziLink
Michał Książek

Michał Książek FE-DEV(xhtml/js/jQ)
/ PHP(Symfony, MVC,
Eclipse) / PSD / ...

Temat: pozycjonowanie względem ekranu

Kordian Zadrożny:
Mam taki problem.
Mam długą tabelkę, a w niej rekordy.
Po kliknięciu na jeden z nich pojawia się na środku div wcześniej niewidoczny (ajax pobiera do niego dynamicznie dane).

No i tu mam problem.
Mam taki styl:
#popup {display:none; position:absolute; top:10px; left: -150px; padding:20px; width:600px; background:#d9ecff;z-index:99;}

Wg mnie nie widać tu w pełni gdzie leży element sygnowany id'kiem popup w hierarchii html. Widać że ma absoluta, ale nie widać wzglęm czego. Temat nie wyjaśnia wszystkiego. jeśli mamy:


...

body

...

div popup.... /div

...

...

/body


Inna sytuacja:



...

body

...

div cont

...

div popup /div

....

...

/div

/body

...


i taki cont ma np: relative
Chyba, że ja coś źle czytam.Michał Książek edytował(a) ten post dnia 27.02.09 o godzinie 10:43
Link do wypowiedziLink

konto usunięte

Temat: pozycjonowanie względem ekranu

scrollTop nie jest rozwiązaniem.

#popup musi być osadzony w body, a jego pozycję ustalasz javascriptem przez odczytanie pozycji ekranu względem strony (viewportOffset). Potem jest już z górki.
Link do wypowiedziLink
Artur Kwiatkowski

Artur Kwiatkowski Front-end developer

Temat: pozycjonowanie względem ekranu

Mógłbyś też spróbować rozwiązać sprawę po stronie JS za pomocą window.innerWidth oraz window.innerHeight. Najpierw zczytujesz te dwie wartości, później ustalasz że popup jest od góry o 40% (bo zakładam, że popup ma jakąś swoją wysokość) a później że jest left:-yyy px - gdzie yyy - to połowa szerokości Twojego popupa.

Tak czy inaczej ten <div id="popup"></div> który ma position absolute musi być gdzieś np. przed </body> albo po <body> - jak wolisz. Bo jak będzie to mieć np. w kontenerze <div id="content"></div> który będzie relatywny to wtedy popupa absolutnego sobie tak nie wypozycjonujesz ładnie względem strony - no bo wtedy będziesz pozycjonować względem relatywnego #content.
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy


Następna dyskusja:

Pozycjonowanie w IE




Wyślij zaproszenie do
Anuluj