[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 (IMG:style_emoticons/default/haha.gif)

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)

(IMG:style_emoticons/default/baaasmiley.gif)
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ć? (IMG:style_emoticons/default/haha.gif) 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