2011-04-23 10 views
5

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

यह मुझे आश्चर्यचकित करता है: टूलटिप में क्रोम किस आकार का प्रदर्शन कर रहा है? गणना की गई शैली शून्य होने पर यह nonzero क्यों है?

इसके अलावा, तत्व के लिए बॉक्स मॉडल दिखाता है "मेट्रिक्स" क्षेत्र शून्य की ऊंचाई के साथ एक आकार प्रदर्शित करता है।

यहाँ मैं क्या बात कर रहा हूँ के बारे में एक छवि है: http://img845.imageshack.us/img845/1766/96984162.png

+0

वाह, अच्छा सवाल। मुझे डर है कि देव उपकरण में एक बग या गॉचा की तरह दिखता है। क्या यह स्क्रीनशॉट में सिर्फ स्थिर HTML है, या शायद कुछ जावास्क्रिप्ट इस प्रभाव का कारण बन सकता है? (यानी क्लाइंट पक्ष को बदल दिया जा रहा है या सर्वर पर प्रतिपादन के बाद बस अपरिवर्तित है?) – Jeroen

+0

ऊंचाई निश्चित रूप से जावास्क्रिप्ट के माध्यम से ग्राहक पक्ष बदल रही है। जावास्क्रिप्ट जीडब्ल्यूटी के माध्यम से जादू संकलित है। शायद मैं क्रोम के खिलाफ एक बग दर्ज करने का प्रयास करूंगा और देख सकता हूं कि वे क्या कहते हैं। – mikebutler

उत्तर

0

यह आपको अपने doctype के साथ एक त्रुटि है कि संभव है - इस तत्वों एक असामान्य बॉक्स मॉडल के साथ प्रस्तुत करने के लिए हो सकता है। W3C सत्यापन के माध्यम से अपना मार्कअप चलाने का प्रयास किया? क्या कोई ऐसा कोड है जो आपके डॉक्टरेट से पहले दिखाई देता है?

मैं इस समस्या को थोड़ी देर पहले आया जब मैंने गलती से मेरे कोड की शुरुआत में print_r() छोड़ा।

+0

मैंने डक्ट टाइप को बदलने की कोशिश की, लेकिन 4.01 संक्रमण के अलावा मैंने कोशिश की हर डॉकटाइप बस लेआउट को पूरी तरह से तोड़ने लगती थी। उदास। – mikebutler

0

टूलटिप प्रभावी ऑफसेट के लिए प्रभावी ऑफ़सेट विदथ/ऑफ़सेट हाइट प्रदर्शित करता है, जबकि गणना शैली प्रदर्शित करता है ... अच्छी तरह से, तत्व के लिए गणना की गई शैली मान। वेबकिट "प्रदर्शन: इनलाइन" तत्वों के लिए "ऑटो" के बजाय गलती से "0px" देता है। मुझे लगता है कि यह अभी भी आपके "डिस्प्ले: टेबल-सेल" तत्व के लिए है।

+0

वेबकिट बग ठीक कर दिया गया है, अब आपके मामले में चौड़ाई/ऊंचाई के लिए गणना मूल्य "ऑटो" होना चाहिए। –

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