blady101
26.12.2011, 18:48:05
Witam
Otóż mam diva którego rozmiar animuję w jQuery, w divie jest obraz, który rozmiarem dopasowuje się do diva tak by zawsze cały się w nim mieścił - dzięki parametrowi width=100% (height sam proporcjonalnie się dopasowuje)
CODE
<div>
<img src="image.png" style="width: 100%"/>
</div>
Całość działa świetnie pod chrome, opera, czy firefox. One interpretują to jako 100% dostępnego miejsca. Za to w #$!@ Internet Explorerze 8 szerokość 100% interpretowana jest jako 100% szerokości obrazka. Efekt jest taki że wszędzie obrazek się dopasowuje do diva, tylko nie w IE. W IE wyświetlany jest w oryginalnej wielkości.
Jak temu zaradzić?
Pozdrawiam.
Niktoś
26.12.2011, 18:52:14
A masz tam jeszcze jakieś bordery?
IE inaczej trochę interpretuje bierze pod uwagę bordery (ramki ,obramowania).Musisz ,zrobić wyjątki w swoim cssi'e lub pozostawić trochę miejsca wolnego.
blady101
26.12.2011, 19:09:06
Nie ma niestety żadnych borderów.
Chodzi o to by <img> zawsze miał szerokość <div> w którym się znajduje.
Daimos
26.12.2011, 19:11:14
jak są takie problemy, to skoro animujesz divaz wykorzystaniem jquery, możesz animować obrazek (razem z divem, lub sam obrazek, wtedy div się dopasuje)
Niktoś
26.12.2011, 19:13:29
A,w jakim trybie pracuje twój IE?
blady101
26.12.2011, 20:07:58
Pomysł z animowaniem img wraz z divem świetny, z tym że nie działa, obrazek nie zmienia wielkości. W chrome oczywiście powiększa.
Niktoś
26.12.2011, 20:15:09
IE ,ma tryby -jeżeli sprawdzałeś to na osobistym to nie daje to rzeczywistego odzwierciedlenia.To największa porażka MS tejże przeglądarki tamtych czasów.Tryby dla ie można wymuszać w metatagach.
blady101
26.12.2011, 20:53:53
Jak? Nic nie mogę znaleźć o tych trybach, podobno da się je nawet ręcznie zmienić w przeglądarce podczas przeglądania, ale to chyba temat tabu w Internecie.
Niktoś
26.12.2011, 20:56:43
F12- wyskoczy Tobie okienko, poszukaj tam będą opcję ze zmianami trybów.Sprawdź ,jak zachowuje się twoja strona w różnych wariantach,osobisty olej i wymuś za pomocą metatagu odpowiedni tryb,jeśli to było przyczyną.
blady101
26.12.2011, 21:16:24
Okazało się, że miałem IE7, a dopiero po ponownym uruchomieniu było IE8. Jak widać sama instalacja nie wystarczyła, eh. Czemu ten Internet Explorer musi być tak bardzo inny. Hipster

W każdym razie teraz na IE8 działa w porządku. Jednakże pod IE7 w ogóle nic nie działało, a tak być nie może. Wie ktoś czemu JQuery może nie działać pod IE7? (Dodam, że IE7 tych całych trybów nie miał, przynajmniej nie pod F12)
EDIT: Okej rozwiązania znalazłem tutaj:
http://blog.rimann.org/2009/08/jquery-vs-ie7/Cholerna przeglądarka..
W każdym razie dzięki za pomoc.
Niktoś
26.12.2011, 21:27:16
Cytat
W każdym razie teraz na IE8 działa w porządku. Jednakże pod IE7 w ogóle nic nie działało, a tak być nie może. Wie ktoś czemu JQuery może nie działać pod IE7?(Dodam, że IE7 tych całych trybów nie miał, przynajmniej nie pod F12)
To co Ty za OS masz win98 czy Xp bez aktualizacji?
F12->Tryb Przeglądarki - Tryb dokumentu -i musi być,oba sobie ustawiasz na ie8 lub ie 7 ,a osobisty olewasz.
W swoim skrypcie najlepiej wymusić w jakim trybie ma działać strona za pomocą metatagu.
blady101
26.12.2011, 21:55:17
A to może z innej beczki jeszcze, ale też w wątku IE vs jQuery. Pod chrome itd. zdarzenie click działa nawet podczas trwania animacji. (chodzi oczywiście o animate w jQuery) W IE za to trzeba odczekać do końca animacji i dopiero wtedy kliknąć. Rozumiem, że IE jest wolne i nie poradziłoby sobie z obsłużeniem click podczas animacji, no ale żeby od razu tak blokować?

A na serio to skąd takie cuda?
Niktoś
26.12.2011, 22:00:15
Cytat
A na serio to skąd takie cuda?
Te zapytanie -trzeba zadać panom z MS.Sam się zastanawiam po co ten tryb osobisty-pozostałe tryby ie7,ie8 emulują te przeglądarki,ale osobisty ,który w całkowicie inny sposób renderuje style to nie wiem po jaki czort.
blady101
26.12.2011, 22:29:44
Tryb zgodności ma się nijak do problemu z animacją i zdarzeniem click. Jakiś pomysł? Czy tak po prostu jest i będzie, że trzeba odczekać do końca animacji by IE przyjął zdarzenie click? : P
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.