2011-09-09 12 views
5

मैं ऐसा कुछ करना चाहता हूं: enter image description hereसीएसएस: सामग्री आकार के आधार पर पाद लेख स्थिति पूर्ण या रिश्तेदार?

मामले में 1: सामग्री ऊंचाई खिड़की से छोटी है। मामले में 2: सामग्री ऊंचाई खिड़की से बड़ी है - और स्क्रॉल शो,

मेरी समस्या यह है कि सामग्री गतिशील रूप से बदल दी गई है। तो, कभी-कभी। ऊंचाई ऊंचाई खिड़की की ऊंचाई से बड़ा है। और फिर, .foot नीचे .cont के नीचे होना चाहिए।

अगर मैं इस कोड

<html> 
<head> 
<style type="text/css"> 
.cont{ 
    margin:0 auto; 
    background-color:#333; 
    width:800px; 
    height:500px; 
} 
.foot { 
    position:absolute; 
    left:50%; 
    margin:0 0 0 -400px; 
    background-color:#F33; 
    width:800px; 
    height:20px; 
    bottom:0px; 
} 
</style> 
</head> 
<body> 
    <div class="cont"></div> 
    <div class="foot"></div> 
</body> 
</html> 

सेट मैं इस मिल: enter image description here

किसी भी मदद के लिए धन्यवाद!

उत्तर

3

आप मार्कअप थोड़ा संशोधित कर सकते हैं, तो यह प्रयास करें: http://ryanfait.com/sticky-footer/

+0

बहुत पूरा करने में मदद, thankyou बहुत ज्यादा .... –

+2

आप कृपया प्रासंगिक विवरण अपने लिंक से जोड़ने सकते हैं? यह अब समाप्त होने के बाद से है; आमतौर पर साइट से केवल लिंक ही हटा दिए जाते हैं। – Rob

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