<img> पर अधिकतम चौड़ाई IE8

Question

में काम नहीं कर रहा टैग मुझे एक अजीब समस्या है। वर्तमान में निर्माण करने वाली साइट पर हमारे पास एक गैलरी फ़ंक्शन है जो jQuery प्लगइन, गैलेरिफ है। गैलरी एक मोडल विंडो में खुलती है। मुझे छवियों की अधिकतम चौड़ाई 765px पर सेट करने की आवश्यकता है। वहां मैंने अधिकतम चौड़ाई निर्धारित की है: 765 पीएक्स; मेरे सीएसएस में मुझे पता है कि मैं आईई 6 में काम नहीं कर रहा हूं लेकिन मुझे परवाह नहीं है।

अजीब बात यह है कि जब मैं उदा। 1400 पीएक्स चौड़ा, आईई 8 संगतता दृश्य, फ़ायरफ़ॉक्स, क्रोम, सफारी और ओपेरा में, सभी इस छवि को चौड़ाई में 765 पीएक्स तक स्केल करते हैं - लेकिन IE8 नहीं! मुझे पता नहीं लगा कि यह क्यों काम नहीं कर रहा है।

किसी को भी क्या हो रहा है, या इससे भी बेहतर, इसे ठीक करने के तरीके पर एक सुराग है?

आपके उत्तरों की बहुत सराहना की जाती है - धन्यवाद!

सादर, किम

Answer 1

शायद Gallerific मक्खी के लिए एक अधिकतम-चौड़ाई लागू होता है? क्या आपने !important के साथ प्रयास किया है?

Answer 2

आपने आईई 8 के "लगभग मानक मोड" में भाग लिया है (जिसे आईई 7 के समान तरीके से टूटा जाने के लिए डिज़ाइन किया गया है)। एक मेटा टैग जोड़ना:

<meta http-equiv="X-UA-Compatible" content="IE=8"> 

या एक ही मान के साथ एक वास्तविक HTTP शीर्ष लेख क्षेत्र उचित मानकों मोड में डाल देना चाहिए। कृपया ध्यान दें कि मेटा टैग ठीक से काम करने के लिए किसी भी स्क्रिप्ट या शैली तत्वों से पहले प्रकट होना चाहिए।

Answer 3

आईई 8 की आवश्यकता है कि एक कंटेनर छवि के चारों ओर रखा जाए, इसकी चौड़ाई या तो अधिकतम चौड़ाई पर सेट हो, या 100% चौड़ाई (पूरी तरह से स्थित divs पर बेहतर काम करने लगती है)। आईई 8 तब तक खुश रहता है जब तक कि उस कंटेनर पर चौड़ाई परिभाषित न हो।

अपने उदाहरण के लिए आप जबकि 100% करने के लिए सभी छवियों की अधिकतम-चौड़ाई संपत्ति की स्थापना, अधिकतम चौड़ाई आप देख रहे हैं करने के लिए कंटेनर div सेट कर सकते हैं:

.container { width: 765px;} 
img { max-width: 100%;} 

जो छवियों बलों होने के लिए कंटेनर की चौड़ाई से अधिक नहीं जिसमें वे पाए जाते हैं।

सुनिश्चित करें कि आप एक HTML5 ड्यूट टाइप घोषित करें; आईई एक्सएचटीएमएल सिद्धांतों को पसंद नहीं करता है।

सधन्यवाद, लैरी

Answer 4

मैं ने वही समस्या में भाग गया, कंटेनर समाधान जब आप, विभिन्न आकार के चित्र हैं, तो छवि छोटा है यह के पक्ष में अंतरिक्ष के एक बहुत कुछ छोड़ना होगा काम नहीं करता है छवि। स्पष्ट रूप से अधिकतम ऊंचाई आईई 8 में ठीक काम करती है, अगर आप कर सकते हैं तो इसका उपयोग करने की सलाह देंगे।

Answer 5

जैसा कि अन्य प्रतिक्रियाओं में बताया गया है, आपको IE8 में इस समस्या को हल करने के लिए एक कंटेनर पर चौड़ाई लागू करने की आवश्यकता है। एक Galleriffic विशिष्ट समाधान के लिए, आप इस के समान सीएसएस जोड़ सकते हैं:

a.thumb img 
{ 
    max-width: 160px; 
} 

/* IE 8 specific bug */ 
a.thumb 
{ 
    width: 160px; 
} 

Answer 6

अरे एक बात आप की कोशिश करना चाहते हो सकता है (जो मुझे एक दीवार के खिलाफ मेरे सिर पीटने था), तो सुनिश्चित करें कि आपके doctype है सेट अप कर रही सही ढंग से।

आईई 8 एचटीएमएल 5 संस्करण के साथ काम करता है, लेकिन यदि यह कम मामला नहीं है।

http://www.kintek.com.au/blog/ie8-max-width-max-height-and-inline-ie8-css-hacks/

वहाँ भी शांत सीएसएस इनलाइन हैक्स आप उन विशिष्ट प्लेटफ़ॉर्म को लक्ष्य बना होगा क्या कर सकते हैं:

चौड़ाई: 200px \ 9;/* IE8 और पहले / ऊंचाई: 200px \ 9;/ यानी 8 और पहले */

Answer 7

मैं आईई 8 और 9 के समान कुछ में भाग गया और पाया कि मेरे पास मेरे कोड में एक अलग समस्या है जो उल्लेखनीय है।

मैं के साथ चौड़ाई 100% एक div, तो एक div कि 980px की अधिकतम चौड़ाई था।

किसी कारण से अधिकतम चौड़ाई नहीं देखी जा रही थी, और 980 div के अंदर एक तत्व जो सही फ़्लोट करना था, वह नहीं था।

मैंने w3 कोड सत्यापनकर्ता के माध्यम से पृष्ठ चलाया और यह एक टिप्पणी पकड़ी जो डॉक्टरेट घोषणा से पहले थी और कहा कि आईई "quirks" मोड में होगा।

जैसे ही मैंने doctype घोषणा validater की 'विचित्रता' मोड चेतावनी दूर चला गया नीचे कि सराहना चले गए और सब कुछ आईई 8 में ठीक काम किया है और 9.