2012-05-03 13 views
5

कोड में उन्हें पार्स बग यहाँ भी है: http://jsfiddle.net/wMfMT/5/एचटीएमएल क्रोम

एचटीएमएल की यह सरल ब्लॉक:

<div> 
    <em><em><em><em><a href="#">fifth</a></em></em></em></em> 
    <em><em><em><a href="#">fourth</a></em></em></em> 
    <em><em><a href="#">third</a></em></em> 
    <em><a href="#">second</a></em> 
    <a href="#">first</a> 
</div> 

और इस सीएसएस:

em {font-size:1.2em} 

Firefox पर सही ढंग से renders (प्रत्येक शब्द अलग आकार है), लेकिन क्रोम पर गलत तरीके से (पांचवां और चौथा एक ही आकार है)। सबसे पहले मैंने सोचा कि यह एक सीएसएस मुद्दा है, लेकिन फिर मैं एचटीएमएल का निरीक्षण किया और यह पता चला कि क्रोम की तरह निम्नलिखित यह गाया:

<div> 
    <em> 
     <em> 
      <em> 
       <em> 
        <a href="#">fifth</a> 
       </em> 
      </em> 
     </em> 
<!-- /em missing --> 
     <em> 
      <em> 
       <em> 
        <a href="#">fourth</a> 
       </em> 
      </em> 
     </em> 
     <em> 
      <em> 
       <a href="#">third</a> 
      </em> 
     </em> 
     <em> 
      <a href="#">second</a> 
     </em> 
     <a href="#">first</a> 
    </em><!-- this is the lost /em --> 
</div> 

मेरे प्रश्न हैं:

  1. मेरी एचटीएमएल सही है (यह है मानक के अनुसार मानक em-s?)
  2. यदि हां तो क्या कोई कामकाज है? *
  3. क्या यह ज्ञात बग है और यदि मुझे इसकी रिपोर्ट क्यों नहीं करनी चाहिए?

*) मेरे पास यह कोड एक वर्डप्रेस प्लगइन में है, और कई लोगों ने इसे अपना स्वयं का सीएसएस जोड़कर अनुकूलित किया है, इसलिए एम से स्पैन या किसी और चीज में बदलना उनकी साइटें तोड़ देगा। मैं सीएसएस

जोड़ा गया बग रिपोर्ट में परिवर्तित करने के लिए आवश्यकता के बिना एक समाधान के लिए देख रहा हूँ: http://code.google.com/p/chromium/issues/detail?id=126096

+1

ऐसा लगता है कि यदि आप [span'] (http://jsfiddle.net/wMfMT/6/) में "पांचवें" 'em' तत्वों के पूरे सेट को लपेटते हैं तो यह ठीक लगता है। क्या यह एक स्वीकार्य परिवर्तन है, या यह आपके उपयोगकर्ताओं को भी प्रभावित करेगा? –

+0

मैं कोशिश करता हूं, मुझे विश्वास है कि 90% के लिए काम करना चाहिए, क्योंकि मेरे उदाहरणों में मैंने सीएसएस का उपयोग किया जो ठीक होगा – Gavriel

+0

हाँ यह काम करता है! धन्यवाद! – Gavriel

उत्तर

1

आपका HTML सही प्रतीत हो रहा है और मैं क्रोम कैनरी निर्माण पर यह पुन: पेश कर सकते हैं।

का संभावित हल फैला उपयोग करने के लिए होगा: http://jsfiddle.net/PeeHaa/tCPd8/

मैं नहीं जानता कि क्या यह एक ज्ञात समस्या है, लेकिन आप http://code.google.com/p/chromium/issues/list

पर buglist की जांच कर सकते हैं, तो आप भी सफारी चल आप सका है उस ब्राउजर का परीक्षण यह देखने के लिए करें कि यह एक वेबकिट या क्रोम बग है या नहीं।

अद्यतन

*) मैं एक WordPress प्लग में इस कोड है, और कई लोगों को अपने स्वयं के सीएसएस जोड़कर अनुकूलित है, तो बदल रहा है उन्हें या अवधि कुछ और ब्रेक होगा अपनी साइटों के से। मैं सीएसएस

को बदलने की ज़रूरत के बिना एक कामकाज की तलाश में हूं, ब्राउज़र में बस इसे गलत प्रस्तुत करने के बाद से मुझे कोई संभावना नहीं दिखती है, इसलिए आप इसका उपयोग नहीं कर सकते हैं। मैं देखता हूं कि एकमात्र हैक उच्चतम स्तर em को उसी स्टाइल के साथ एक अवधि के साथ बदलने के लिए जावास्क्रिप्ट का उपयोग कर रहा है।

UPDATE2

James Allardice के रूप में उल्लेख किया गया है कि आप एक समय में सामान लपेट इस मुद्दे को ठीक करने के लिए है कि यदि आपके प्लगइन के लिए ठीक है हो सकता है।

+0

मैंने प्रश्न के आखिरी पैराग्राफ को जोड़ा, देखें कि मैं सीएसएस – Gavriel

+0

@Gavriel को बदलने की आवश्यकता के बिना एक फिक्स की तलाश क्यों कर रहा हूं, मेरा अद्यतन उत्तर देखें – PeeHaa

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