2013-08-04 8 views
7

Keeping the Footer Down & Full Browser Width Bars मैं 9 0% हूं जहां मुझे होना चाहिए।
(मैं उपयोग कर रहा हूँ "पूर्ण ब्राउज़र चौड़ाई बार्स" लिंक के लिए "timd.mackey" में नीचे टिप्पणी अनुभाग रों समाधान)डबल ब्राउजर स्क्रॉल बार डब्ल्यू/ओवरफ्लो छिपा

तो सब कुछ एक इस कष्टप्रद डबल स्क्रॉल पट्टी के अलावा महान काम करता है। मेरा मतलब क्या है देखने के लिए नीचे दिए गए लिंक पर क्लिक करें।

Click this to See my Problem!

ओवरफ़्लो- एक्स: शरीर पर छिपा दोनों मेरे समाधान और मेरी समस्या हो रहा है।

कोई भी सहायता आपके लिए सुपर कूल होगी।

उम्मीद है कि यह साफ़ हो गया है।

उत्तर

14

कोशिश जोड़ने:

html { 
    overflow-y: hidden 
} 
+0

अहह सही। मैं इसे पहले जोड़ रहा था लेकिन मैं इसे एचटीएमएल, बॉडी {} – Varazi

+0

में जोड़ रहा था यदि आप इसे जेएस का उपयोग करके सेट करना चाहते हैं, तो HTML टैग का संदर्भ प्राप्त करने के लिए document.documentElement का उपयोग करें: https://developer.mozilla.org/en-US/डॉक्स/वेब/एपीआई/दस्तावेज़/दस्तावेज़ एलिमेंट – Corkscreewe

3

शायद अतिप्रवाह-y: शरीर पर छिपा आप मदद मिलेगी? या यहां तक ​​कि बेहतर ओवरफ्लो का बेहतर उपयोग: छुपा; शरीर

body { overflow:hidden; } 

BTW पर, तुम बस पृष्ठ के नीचे पाद लेख बाध्य करने के लिए, चाहते हैं तो पूर्ण स्थिति और कंटेनर खंड पर margin-bottom का उपयोग

सीएसएस

.container { margin-bottom:100px; } 
.footer { height:100px; position:absolute; left:0; bottom:0; } 

एचटीएमएल

<html> 
    <body> 
    <div class="container"><!-- here's everything except footer --></div> 
    <div class="footer"></div> 
    </body> 
</html> 
+0

शरीर {ओवरफ्लो: छुपा; } जिसने मेरी समस्या हल की –

4

एक और समाधान जो काम कर सकता है (जो आप प्राप्त करने की कोशिश कर रहे हैं उसके आधार पर) जोड़ रहा है:

body { 
    height: 100vh; 
} 
+0

धन्यवाद, यह मेरे लिए काम किया –

3

समस्या की वजह से html, body { overflow-x: hidden;} तो html, body{height: 100%;} उपयोग करने का प्रयास है, तो यह मेरे लिए ठीक काम किया।

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