GoldenLine
Zaloguj się
Marcin Gościcki

Marcin Gościcki Front-end
webdeveloper

Temat: [CSS+JS] Powiększanie się div'a w IE...

Witam.
Piszę skrypt w JS do powiększania obrazków. Jak wygląda można zobaczyć na http://norin.site90.net . Problem pojawia się w IE (testowane w IE 7). W momencie gdy najedzie się kursorem na obrazek do powiększenia rozciąga się div #image_box. Nadane ma position: relative i w momencie najechania kursorem powiększa się o wysokość diva magnifire (czylui lupy). Może wie jak rozwiązać ten problem w IE?
Link do wypowiedziLink
Jacek Z.

Jacek Z. Web Application
Developer

Temat: [CSS+JS] Powiększanie się div'a w IE...

Jeśli #maginifier musi być wewnątrz #image_box (zakładam że musi), to ja bym spróbował dać:


#image_box { position: relative; ... }

#magnifier { position: absolute; ... }

i pod to ewentualnie dostosować JS.

edit: bardziej przyjrzałem się kodowi niż temu co napisałeś ale teraz widzę sprzeczność, bo napisałeś, że #image_box ma position: relative, a to nie prawda ;)Jacek Złowocki edytował(a) ten post dnia 30.05.09 o godzinie 02:04
Link do wypowiedziLink
Marcin Gościcki

Marcin Gościcki Front-end
webdeveloper

Temat: [CSS+JS] Powiększanie się div'a w IE...

Dzięki to już jakaś wskazówka.

Rzeczywiście z tą pozycją relative dla #image_box się rozpędziłem. Position: relative ma nadany #magnifier.

Jutro spróbuję to załatwić poprzez nadanie tak jak napisałeś pozycji absolutnej dla div'a #magnifire i ustalenia miejsca w którym ma się pojawiać na podstawie pozycji #image_box bo grafika do powiększenia może się znajdować w różnym miejscu strony...
Link do wypowiedziLink
Jacek Z.

Jacek Z. Web Application
Developer

Temat: [CSS+JS] Powiększanie się div'a w IE...

Marcin Gościcki:
Jutro spróbuję to załatwić poprzez nadanie tak jak napisałeś pozycji absolutnej dla div'a #magnifire i ustalenia miejsca w którym ma się pojawiać na podstawie pozycji #image_box bo grafika do powiększenia może się znajdować w różnym miejscu strony...

Nie wiem, czy dobrze zrozumialem, ale div z pozycją absolutną będący wewnątrz div'a z pozycją relatywną, pozycjonujesz względem właśnie div'a nadrzędnego. Czyli jak zrobisz 
#image_box { position: relative; ... }

#magnifier { position: absolute; top: 0px; left: 0px; ... }

to #maginifier się znajdzie dokładnie w lewym górnym rogu #image_box, niezależnie od tego w którym miejscu na stronie znajduje sie #image_box. Kombinując (nawet nie wiem czy to będzie koniecznie) z overflow, powinieneś uzyskać pożądany efekt.

Pozdrawiam i dobranoc

edit: literówkiJacek Złowocki edytował(a) ten post dnia 30.05.09 o godzinie 02:58
Link do wypowiedziLink
Marcin Gościcki

Marcin Gościcki Front-end
webdeveloper

Temat: [CSS+JS] Powiększanie się div'a w IE...

Dzięki!
Moje niedopatrzenie (niedouczenie). Po nadania pozycji relatywnej dla #image_box i absolutnej dla #magnifire wszystko działa świetnie.

Dobranoc :)

-------------
Temat do zamknięcia
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy





Wyślij zaproszenie do
Anuluj