Sticky Footer auf der dynamischen Seite - IE6 Probleme - HTML, CSS, Internet-Explorer-6, Sticky-Footer

Ich habe eine Seite mit einer klebrigen Fußzeile, die diese Methode verwendet: http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page

Die Seite wird dynamisch durch erstelltJavascript, alle Browser funktionieren perfekt mit meinem Sticky Footer außer IE6 (leider muss ich diesen dummen Browser unterstützen). Die Fußzeile wird an den unteren Rand des Fensters gelegt und bleibt dort (die Seite erstreckt sich weit über die Fenstergröße hinaus). Wenn Sie also blättern, bleibt die Fußzeile in der Mitte.

Hier ist der relevante HTML Code für meine Sticky Footer:

<div class="container">
<div class="header">...</div>
<div class="navigation">...</div>
<div class="main">...</div>
<div class="footer">...</div>
</div>

CSS:

html, body { height:100%; }
.container { min-height:100%; position:relative; }
.main { padding-bottom:50px; }
.footer { padding:10px 0; position:absolute; bottom:0; width:100%; background:#ffffff; height:22px; line-height:22px; }
.ie6 .container { height:100%; zoom:1;}

Antworten:

Ich benutze immer die gleiche Methode für meine Sticky Footers und es funktioniert auch für mich in IE6, Sie sollten es versuchen:

http://www.cssstickyfooter.com/

Viel Glück!