यह हर ब्राउज़र पर मेरे लिए एकदम सही काम करता है:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>min-height test</title>
<style type="text/css">
html, body { padding: 0px; margin: 0px; width: 100%; height: 100%; }
#div { min-height: 100%; background-color: gray; }
</style>
</head>
<body>
<div id="div">test</div>
</body>
</html>
आप अधिक जानकारी प्रदान कर सकते हैं?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>min-height test</title>
<style type="text/css">
html, body { padding: 0px; margin: 0px; height: 100%; text-align: center; }
.contents { height: 100%; width: 780px; margin-left: auto;
margin-right: auto; text-align: left; }
#right { float: left; width: 217px; min-height: 100%; background:#4b805b; }
</style>
</head>
<body>
<div class="contents">
<div id="right">test</div>
</div>
</body>
</html>
फिर भी सब कुछ Chrome, Firefox और IE8
आप एचटीएमएल और शरीर के आयामों को निर्दिष्ट नहीं कर सकते हैं। एचटीएमएल एक डिस्प्ले तत्व भी नहीं है, और बॉडी में सभी डिस्प्ले तत्व –
@ जैमी वोंग शामिल हैं: सच नहीं है, अगर आप एचटीएमएल और बॉडी निर्दिष्ट नहीं करते हैं तो आपको 100% ऊंचाई नहीं मिल सकती है – Diadistis
@ डिडियािस्टिस गलत मैं हूं - http:/संदर्भ के लिए /www.webmasterworld.com/forum83/7559.htm संदर्भ –