-1

これは、スティッキーフッター（ページにコンテンツがほとんどない場合にのみドッキングする）に対する明らかに「最良の」ソリューションへのリンクです。

http://ryanfait.com/sticky-footer/

他のブラウザ（Firefox、テストしたChrome）でウィンドウのサイズを変更すると、フッターはウィンドウとともに移動します。IE7では移動しないため、ページを更新して、ページ自体を正しく配置する必要があります。

グーグルはそれをすることができたようだった、それで私は疑問に思う、彼らはどうやってこれをすることができたのか、そして私はできないのか？彼らはJavaScriptを使用していますか、それとも私が見逃しているエレガントなCSSソリューションはありますか？

4

2 に答える 2

5

私は以前にChrisCoryierのソリューションを使用したことがあり、IEで問題が発生したことはありません：http：//css-tricks.com/snippets/css/sticky-footer/

CSS

* { margin:0; padding:0; } 

html, body, #wrap { height: 100%; }

body > #wrap {height: auto; min-height: 100%;}

#main { padding-bottom: 150px; }  /* must be same height as the footer */

#footer { 
    position: relative;
    margin-top: -150px; /* negative value of footer height */
    height: 150px;
    clear:both;
} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

HTML

<div id="wrap">

    <div id="main" class="clearfix">

    </div>

</div>

<div id="footer">

</div>
于 2012-10-10T21:08:01.180 に答える
0

これは私が使用しているものであり、常に私のために働いてきました。

http://www.cssstickyfooter.com/es/

于 2012-10-10T21:10:18.860 に答える