2011-09-09 15 views
5

ben böyle bir şey yapmak istediğiniz içerik yükseklik penceresinden daha küçüktür. Durum 2'de: içerik yüksekliği pencereden daha büyük - ve kaydırma gösterir,CSS: içerik boyutuna bağlı olarak altbilgi pozisyonu mutlak veya nispi mi? <img src="https://i.stack.imgur.com/UOMz7.png" alt="enter image description here"></p> <p>vaka 1'de:

Sorunum, içeriğin dinamik olarak değiştiği. Yani bazen, kıç yüksekliği pencere yüksekliğinden daha büyüktür. Ve sonra, .foot, .cont'in altında olmalıdır. Bu kodu

<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> 

ayarlarsanız

Ben bu olsun: Herhangi bir yardım için enter image description here

Teşekkür!

cevap

3

hafifçe işaretlemeyi değiştirebilir, bu deneyin:

+0

Çok dolu yardım http://ryanfait.com/sticky-footer/, teşekkür ederim çok .... –

+2

Eğer bağlantıdan ilgili ayrıntılar eklemek misiniz? Şimdi süresi doldu; genellikle sadece bağlantıya verilen cevaplar siteden neden kaldırılır. – Rob