सीएसएस शरीर की चौड़ाई 100 प्रतिशत भर नहीं है

मैं एक वेबपेज विकसित कर रहा हूं और मैंने इस मुद्दे को देखा।

body full width issue print screen Please, post anything you get in mind it will be very helpful!

Check the website here

संपादित करें: वेबसाइट लिंक जोड़ा गया

0
स्पष्ट जोड़ें: दोनों; जहां आपने फ्लोट का उपयोग किया है: संपत्ति
जोड़ा लेखक Ashish sah, स्रोत

9 उत्तर

is it your expected result? Check it and tell me as soon as possiable enter image description here

0
जोड़ा
हाँ इस तरह से कुछ चीजें अलग हैं। क्या आप इसे सामग्री चौड़ाई के मुद्दे के बिना आकार बदल सकते हैं? और आपके समय और धैर्य के लिए धन्यवाद
जोड़ा लेखक Cald, स्रोत

आपको सीएसएस रीसेट का उपयोग करने की आवश्यकता है:

इस कोड का प्रयोग करें:

body, html{
    margin:0;
    padding:0;
}

सभी तत्वों में डिफ़ॉल्ट रूप से कुछ शैली होती है, आपको उन्हें रीसेट करने की आवश्यकता होती है।

0
जोड़ा
मुझे नहीं पता कि यह समस्या क्यों होगी क्योंकि मैं अपने सभी सीएसएस को रीसेट करने के लिए सामान्यीकृत उपयोग कर रहा हूं।
जोड़ा लेखक Cald, स्रोत
मैंने कोशिश की लेकिन यह काम नहीं करता है!
जोड़ा लेखक Cald, स्रोत
@Cald मुझे आपको एचटीएमएल और सीएसएस देखने की ज़रूरत है, क्या आप ऑनलाइन डेमो बना सकते हैं?
जोड़ा लेखक Mohsen Safari, स्रोत

पिक्सेल, रिम, एम इत्यादि के बजाय प्रतिशत का उपयोग करके अपनी छवि की अधिकतम-चौड़ाई सेट करें।

.resizable-img {
    max-width: 100%;
 }
0
जोड़ा

ओह, आपके div.container की चौड़ाई 970 पीएक्स है। और यह आपके शरीर की चौड़ाई तोड़ता है क्योंकि आपका लेआउट तरल पदार्थ नहीं है। मीडिया प्रश्नों या प्रस्तुति चौड़ाई का उपयोग बहुत मदद मिलेगी।

0
जोड़ा

क्या आपने अपने पृष्ठ में एक सीएसएस रीसेट शामिल किया है?

http://meyerweb.com/eric/tools/css/reset/

0
जोड़ा
@Cald अच्छा अभ्यास लेकिन Normalize.css <html> और <body> की चौड़ाई को 100% तक नहीं रखता है।
जोड़ा लेखक Arnaud Denoyelle, स्रोत
हाँ, मैंने किया। मैं सामान्य उपयोग कर रहा हूँ!
जोड़ा लेखक Cald, स्रोत
@ArnaudDenoyelle मुझे पता है कि मैंने इसे अपनी कम फ़ाइल में किया था! शरीर, एचटीएमएल {मिनट चौड़ाई: 100%; चौड़ाई: 100%; फ़ॉन्ट आकार: 1em;}
जोड़ा लेखक Cald, स्रोत

हो सकता है कि कुछ clear: दोनों; जो गायब हैं ..

ऊपर: शायद यह नहीं है, लेकिन हो सकता है कि अन्य उप-तत्व ब्लॉक चौड़ाई करें और पृष्ठ को इसकी कुल चौड़ाई लेने की अनुमति न दें। यदि आपके पास कोई फ्लोट है तो पाद लेख से पहले स्पष्ट करने के बारे में सोचना चाहिए (जैसा कि मुझे दाईं तरफ एक div दिखाई देता है)।

देखें कि आपका एचटीएमएल/सीएसएस कोड बेहतर होगा :)

0
जोड़ा
यह वास्तव में एक सही जवाब था, यह दोनों स्पष्ट करने के कारण होता है
जोड़ा लेखक Ashish sah, स्रोत
कृपया कहां और क्यों clear: दोनों; गायब हो सकते हैं, और प्रासंगिक लेख/दस्तावेज़ीकरण का लिंक दें।
जोड़ा लेखक arne, स्रोत

समस्या तब ही बनी रहती है जब आपने ब्राउज़र विंडो का आकार बदल दिया हो। चूंकि यह वेबसाइट तोड़ नहीं रहा है, तो आप उस मुद्दे को छोड़ सकते हैं।

या

यदि आप एक गैर-उत्तरदायी साइट बना रहे हैं, तो आप इसे विशिष्ट चौड़ाई को HTML और शरीर में जोड़कर कर सकते हैं। कुछ इस तरह

html, body {
  width:1170px;
}
0
जोड़ा

इसे इस्तेमाल करे

body
{
margin:0px;
padding:0px;
width:100%;
}
0
जोड़ा

यदि आपको उत्तरदायी या द्रव डिजाइन (अन्य उत्तरों में उल्लिखित) की आवश्यकता नहीं है, तो अंतिम समाधान शरीर के लिए न्यूनतम चौड़ाई निर्धारित करना है।

शरीर पर सबसे चौड़ाई तत्व चौड़ाई (अधिकांश मामलों में - .container) पर न्यूनतम चौड़ाई सेट करें और चौड़ाई और न्यूनतम चौड़ाई रूप HTML तत्व हटा दें।

body {
    width:100%;        
    min-width:980px;
}

आपको उम्मीद करनी चाहिए कि जब आपका डिज़ाइन गैर-उत्तरदायी होगा तो आप ग्राहकों को खो देंगे

0
जोड़ा