[CSS][HTML] IE8 - img width 100% Opcje

[blady101]

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.

Ten post edytował blady101 26.12.2011, 18:52:27

[Niktoś]

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.

Ten post edytował Niktoś 26.12.2011, 18:54:28

[blady101]

Nie ma niestety żadnych borderów.

Chodzi o to by <img> zawsze miał szerokość <div> w którym się znajduje.

Ten post edytował blady101 26.12.2011, 19:09:54

[Daimos]

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

A,w jakim trybie pracuje twój IE?

[blady101]

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

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]

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

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

Ten post edytował Niktoś 26.12.2011, 21:00:36

[blady101]

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.

Ten post edytował blady101 26.12.2011, 21:20:42

[Niktoś]

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.

Ten post edytował Niktoś 26.12.2011, 21:32:53

[blady101]

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?

Ten post edytował blady101 26.12.2011, 21:56:03

[Niktoś]

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]

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

Ten post edytował blady101 26.12.2011, 22:30:54