2015-06-07 6 views
5

मेरी वेबसाइट लगभग 100% थी जब मैंने इसे डब्ल्यू 3 सी वैलिडेटर में चेक किया था। यह कहते हुए एक त्रुटि मिली कि मैंने एक डॉक्टरेट घोषित नहीं किया था। इसलिए मैंने HTML 5 <!DOCTYPE html> जोड़ा। ठीक है, त्रुटि चली गई है। लेकिन लेआउट इतना गड़बड़ क्यों हो जाता है?एचटीएमएल 5 डॉक्टरेट लेआउट

कृपया इसे नीचे देखें।
http://itsdaffa.16mb.com/ -> Doctype
http://itsdaffa.16mb.com/error.html बिना -> Doctype

मैं इसी तरह के मुद्दों के बारे में कुछ जवाब पर ठोकर खाई है, लेकिन वास्तव में नहीं समझ सकता है के बाद से ज्यादातर उनके कोड के विशिष्ट त्रुटि के साथ कर रहे हैं। उदाहरण के लिए this question में, उपयोगकर्ता ने मेरे कोड में कोई नकारात्मक नहीं होने पर नकारात्मक right संपत्ति मानों को हटाकर अपनी समस्या हल की।
मैं इसके लिए एक पूर्ण शुरुआत कर रहा हूं, वास्तव में यह पहली वेबसाइट है जिसे मैं खरोंच से बना रहा हूं। मुझे सख्त मदद की ज़रूरत है। धन्यवाद :)

+0

मैं सवाल साबित होता है कि यह नकली नहीं है संपादित किया है देखें। –

+0

ठीक है, टिप्पणी झंडा हटा दिया गया। – Blake

उत्तर

6

आप अपने सीएसएस में यह डाल करने के लिए की आवश्यकता होगी:

html, body { 
    height: 100% 
} 

कारण जब आप doctype जोड़ने, तो आप मानकों मोड में quirks मोड से स्विच कर रहे है। मानक मोड में एचटीएमएल और बॉडी तत्व 100% ऊंचाई पर डिफ़ॉल्ट नहीं होते हैं।

स्पष्टीकरण here

+0

धन्यवाद! यह मेरी समस्या हल हो गई। कोई विचार क्यों मैं न केवल 'बॉडी' का चयन कर सकता हूं और 'html' को 'ऊंचाई: 100%' के रूप में शामिल करना चाहिए? लिंक किया गया सवाल यह नहीं बताता कि इसे 'html' टैग का चयन क्यों करना चाहिए। धन्यवाद। –

+0

मूल रूप से शरीर केवल कंटेनर (HTML तत्व) जितना बड़ा हो सकता है। यदि आप इसे कार्ड के पैक की तरह सोचते हैं; डेक पैक एचटीएमएल तत्व का प्रतिनिधित्व करता है, कार्ड एचटीएमएल के भीतर निहित शरीर तत्व का प्रतिनिधित्व करते हैं। आपको डेक पैक में 52 से अधिक कार्ड फिट करना मुश्किल लगेगा। इसी कारण से आपको कार्ड पैक के आकार में वृद्धि करने की आवश्यकता होगी। – Jackson

+0

धन्यवाद! चीजें बहुत स्पष्ट हो गईं। लेकिन मेरी जिज्ञासा क्षमा करें, इसके विपरीत, मैं केवल 'html' टैग का चयन क्यों नहीं कर सकता? –

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