CSS Sabit Footer - Marjı

Ben Yapışkan Altbilgi bu yöntemi uygulamak çalışıyorum ile: Çalışır http://code.google.com/p/cleanstickyfooter/CSS Sabit Footer - Marjı

harika, ancak, bir sorun var. Benim sitem için tasarım sayfanın en üstünde 34 piksellik bir marj var. Yani, body {margin-top:34px} yaparak ya da container {margin-top:34px} yaparak bunu gerçekleştirmenin birkaç yolunu denedim. Bununla birlikte, her iki durumda da, Yapışkan Altbilgiyi karıştırır. 34px'i telafi etmeye çalıştığımda hiç işe yaramıyor.

Herhangi bir fikrin var mı? (FireFox ve IE9 üzerine), işe yarıyor Modern Clean CSS Sticky Footer kullanma http://jsfiddle.net/jrZKb/

kaynak

2013-04-09 djt

Bize web sitesi veya sorunun örneği gösterebilir İşte

bir keman örnek özel kodunuzla –

Web sitenize bir bağlantı gönderebilir veya göstermek için bir keman oluşturabilirseniz daha iyi yardımcı olabiliriz. – Arbel

Pekala, işte bir Fiddle: http://jsfiddle.net/jrZKb/ – djt

http://jsfiddle.net/jrZKb/1/

<body> 
    <header> Header</header> 
    <article>Lorem ipsum...</article> 
    <footer></footer> 
</body> 

html { 
    position: relative; 
    min-height: 100%; 
} 
body { 
    margin: 0 0 100px; /* bottom = footer height */ 
} 
header 
{ 
    background-color: green; 
} 
footer { 
    position: absolute; 
    left: 0; 
    bottom: 0; 
    height: 100px; 
    width: 100%; 
    background-color: blue; 
}

kaynak

2013-04-09 04:54:13 Alyce

Vay bu oldukça harika. Bunu daha önce hiç görmedim. Gerçekten iyi çalışıyor! – djt

Ben o zaman ben sadece googled kadar iyi görünmüyordu, iyi görünmüyor ... Ben kendi sitemi güncelleyebilir düşünüyorum ... – Alyce

CSS Sabit Footer - Marjı

cevap

İlgili konular