सीएसएस 100% ऊंचाई div

Question

मैं वेबसाइट http://nebkat.com/beta/index.php बना रहा हूं और सामग्री के लिए एक भूरे रंग की पृष्ठभूमि और एक सफेद पृष्ठभूमि है (स्वयं के लिए देखें)। समस्या यह है कि मैं सफेद भाग को 100% ऊंचाई के रूप में सेट नहीं कर सकता। यह केवल शीर्षक तक रहता है (आपका स्वागत है ...) और फिर यह बंद हो जाता है।

Answer 1

% में निर्दिष्ट हाइट्स को ब्राउज़र द्वारा सम्मानित नहीं किया जाएगा (संपादित करें: मेरा कहना है कि वे जिस तरह से आप उम्मीद करते हैं वे काम नहीं करेंगे)।

आपको अपने <div id="container"> div के अंदर एक समाशोधन div की आवश्यकता है। यहाँ आप यह जगह चाहिए:

<div id="container"> 
    <div id="logo">...</div> 
    <div id="menu">...</div> 
    <div id="content">...</div> 
    <!-- HERE --> 
    <div style="clear: both;"></div> 
</div> 

Answer 2

सीएसएस में height: 100% काम नहीं करेगा जैसा आप उम्मीद करेंगे।

मेरा समाधान कुछ सरल जावास्क्रिप्ट लिखना होगा जो उपलब्ध ऊंचाई को मापता है, और फिर div की ऊंचाई को उचित रूप से सेट करता है।
यह कम से कम बिल्कुल स्पष्ट होना चाहिए, लेकिन आप किसी भी मदद की जरूरत है, मैं इसे आप के लिए एक साथ रखा जाएगा। :)

Answer 3

अपने #container div की ऊंचाई सेट 100% होने के लिए इस समस्या को दूर करना चाहिए (यह फ़ायरफ़ॉक्स 3.6 में होगा)।

आपको वास्तव में फ़ायरफ़ॉक्स के लिए Firebug जैसे टूल को इंस्टॉल करना चाहिए, आप इसे वेबसाइटों पर 'लाइव' संशोधित सीएसएस गुणों के लिए उपयोग कर सकते हैं। यह इस तरह के मुद्दों को समझना वास्तव में आसान बनाता है।

Answer 4

कंटेनर div के लिए 100% की ऊंचाई दें और इससे आपकी समस्या हल हो जाएगी।

Answer 5

ठीक है आप min-height:100%; या min-height:500px का उपयोग करेंगे।

यह आपके समाधान को हल कर सकता है।

Answer 6

इस जवाब के साथ अद्यतन किया जाना चाहिए यह एक: Make div 100% height of browser window

body,html{ 
    height:100%; 
} 

#container{ 
    height:100% 
}