2016-03-21 15 views
1

Bir web sitesinde çalışıyorum ve altbilgiyi alt kısımya yapıştırmayı denedim, çünkü birçok sayfa altbilgiyi dibe doğru itecek kadar uzun olmayacak.HTML/CSS'de yapışkan altbilgi, sorunları görüntüleniyor

bu tekniği uyguladık

: http://mystrd.at/modern-clean-css-sticky-footer/

Sayfam buradan görülebilir: https://jsfiddle.net/cgLf0oLa/

Bu CSS girişi çok önemli olduğuna inanıyoruz: Ancak

html { 
    position: relative; 
    min-height: 100%; 
} 
body { 
    margin: 0 0 400px; 
} 

, sorun yaşıyorum . Altbilgi diğer içeriğin üzerine işleniyor ve içerik boyutuna göre ayarlamayı nasıl yapacağım konusunda hiçbir fikrim yok. Yardımı çok takdir ediyor.

Saygılarımızla,

Clemens yüksekliği ile :after altbilgi üzerinde sargıya bitişin yüksekliği eşit ilave

+0

Chrome, Edge ve Mozilla ile keman bağlantısında en alttaki #footer görüyorum, hangi tarayıcı size sorun veriyor? Tarayıcıyı daha düşük bir boyuta yeniden boyutlandırırsanız, – spaniard

+0

@spaniard yanlıştır. Mutlak pozisyonu, unsuru olağan nesne akışının dışına çıkarır ve diğer içeriğe geçer. – callmeniko

+0

@callmeniko Tarayıcıyı en küçük boyutta yeniden boyutlandırmıştım, altbilgide hala altta ... – spaniard

cevap

0

deneyin. Altbilginin altındaki boş alanı bırakır, altbilgiyi aşağıya iter.