HTML/CSS: Problem with full width -
कृपया इस पृष्ठ पर एक नज़र डालें:
& lt;! DOCTYPE html public "- // W3C // डीटीटी एक्सएचटीएमएल 1.0 ट्रांस्क्रिप्शन // एन "" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> & Lt; html xmlns = "http://www.w3.org/1999/xhtml" dir = "ltr" lang = "दा-डीके" & gt; & Lt; शीर्ष & gt; & Lt; title & gt; & lt; / title & gt; & Lt; / head & gt; & Lt; body style = "background-color: # e0e0e0; रंग: #fff;" & gt; & Lt; div शैली = "स्थिति: पूर्ण; चौड़ाई: 100%;" & gt; & Lt; div शैली = "पृष्ठभूमि-रंग: # 000;" & gt; & Lt; div शैली = "चौड़ाई: 800px; मार्जिन: 0 पिक्सेर ऑटो; पाठ-संरेखित करें: दाएं;" & gt; कंटेनर चौड़ाई 1500px की चौड़ाई & lt; / div & gt; & Lt; / div & gt; & Lt; / div & gt; & Lt; / body & gt; & Lt; / html & gt; आंतरिक डिवा में 800px की चौड़ाई है और विंडो 800px से बड़ा होने पर क्षैतिज केंद्रित होना चाहिए। 800 px से छोटा ब्राउज़र विंडो में पेज देखने का प्रयास करें। उदाहरण के लिए 500px के आसपास की चौड़ाई के साथ। जब आप सही स्क्रॉल करते हैं तो काली पृष्ठभूमि की पूरी चौड़ाई नहीं होती है क्यों?
& lt; div शैली = "पृष्ठभूमि रंग: # 000;" & gt; अंदर & lt; div शैली = "स्थिति: पूर्ण; चौड़ाई: 100%;" & gt; , जो चौड़ाई स्क्रीन की चौड़ाई के बराबर होती है इसलिए, & lt; div शैली = "पृष्ठभूमि-रंग: # 000;" & gt; चौड़ाई स्क्रीन की चौड़ाई के बराबर होती है जैसा कि सही है, यह डायबिटी काली पृष्ठभूमि सेट करता है, पृष्ठभूमि की चौड़ाई स्क्रीन की चौड़ाई के बराबर होती है, अधिक नहीं। इसलिए यह सही नहीं है। UPDATE आप केवल दो divs का उपयोग कर सकते हैं:
& lt; Div शैली = "पृष्ठभूमि-रंग: # 000;" & gt; & Lt; div शैली = "चौड़ाई: 800px; मार्जिन: 0 पिक्सेर ऑटो; पाठ-संरेखित करें: दाएं;" & gt; कंटेनर चौड़ाई 1500px की चौड़ाई & lt; / div & gt; & Lt; / div & gt; क्षमा करें, या तो काम नहीं करता है। इसे संदर्भ के लिए एक गैर-कार्यशील नमूने के रूप में छोड़कर।
2 अद्यतन करें और अब काम कर रहे संस्करण:
& Lt; div शैली = "पृष्ठभूमि-रंग: # 000; न्यूनतम-चौड़ाई: 800px; चौड़ाई: 100%" & gt; & Lt; div शैली = "चौड़ाई: 800px; मार्जिन: 0 पीएक्स ऑटो; पाठ-संरेखित करें: दाएं;" & gt; कंटेनर चौड़ाई 800px की चौड़ाई & lt; / div & gt; & Lt; / div & gt;
Comments
Post a Comment