2012-01-30 10 views
5

मेरे पास डॉक्ट टाइप संक्रमण के साथ निम्नलिखित कोड है लेकिन जब मैं इसे सख्त पर सेट करता हूं तो छवियों की स्थिति बदल जाती है और ऊपर की तरफ बढ़ जाती है। क्या आप अंतर्निहित मुद्दे को समझने में मेरी मदद कर सकते हैं और जहां मैं विभिन्न सिद्धांतों के बीच इस प्रकार के अन्य सीएसएस संघर्षों की सूची पा सकता हूं।डॉक्ट टाइप और सीएसएस

कृपया ध्यान दें कि मुझे पता है कि कुछ HTML टैग सख्त मोड में उपलब्ध नहीं हैं लेकिन मैं सीएसएस संघर्ष के बारे में विशिष्ट हूं।

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html> 
<body> 
<style type="text/css"> 
span.check:before { content: url("http://i41.tinypic.com/2rxea7d.png"); } 
</style> 
<table> 
<tr> 
<th>Ruby on Rails</th> 
    <td><span class="check"></span></td> 
    <td><span class="check"></span></td> 
    <td><span class="check"></span></td> 
    <td><span class="check"></span></td> 
</tr> 
<tr> 
<th>Road on Rails</th> 
    <td><span class="check"></span></td> 
    <td><span class="check"></span></td> 
    <td><span class="check"></span></td> 
    <td><span class="check"></span></td> 
</tr> 
</table> 
</body> 
</html> 
+0

किस ब्राउज़र में? – vvondra

+0

एफएक्स 9.0.1 और नवीनतम क्रोम में लेकिन दूसरों के बारे में निश्चित नहीं है। –

+0

पढ़ें: http://www.quirksmode.org/css/quirksmode.html – zvona

उत्तर

4

quirks मोड और लगभग मानकों मोड छवियों (जो इनलाइन सामग्री हैं, इसलिए फ़ॉन्ट पात्रों के रूप में लाइनों के एक ही सेट पर रखा जाता है) में zero-height positioned at their baseline हैं।

आप अपनी जेनरेट की गई छवियों की vertical-align संपत्ति को छिपकर या display: block के रूप में सेट करके मानक मोड में समान प्रभाव प्राप्त कर सकते हैं।

+0

मैक्स-अप करता है मैंने ब्लॉक किया है: ब्लॉक ; सामग्री के नीचे उचित है लेकिन यह कुछ भी नहीं बदला है और दोनों सिद्धांतों के बीच अंतर बरकरार रहता है। –

0

मुझे उम्मीद है कि आपके डॉक्टरेट को बदलने से मोड में परिवर्तन होगा कि इंटरनेट एक्सप्लोरर के कुछ संस्करण मानक मोड से संगतता मोड में काम करते हैं। इंटरनेट एक्सप्लोरर (अन्य चीजों के साथ) ने सही किया कि यह सीमा बॉक्स मॉडल का व्याख्या कैसे करता है, लेकिन DOCTYPE के आधार पर पुरानी विधि और सही एक के बीच स्विच करने में सक्षम था।

संबंधित मुद्दे