2011-11-08 2 views
0

私はユーザーの画面の下部にDIVコンテナをフロートしたいユーザーがスクロール私はIEの画面の下部にdivを浮かべることができますか?

を使用しようとしたとき、それは常に浮い必要があります。

position: fixed; 
bottom: 0px; 

これは、Firefoxのためではなく、IEのために正常に動作します! !

更新、使用(http://tagsoup.com/cookbook/css/fixed/bottom/から参照)IEで働いて、それを取得する方法について

任意のアイデア:

<html> 
<body> 
<style> 
body 
    { 
    margin: 0; 
    padding: 0 0 8em 0; 
    color: #000; 
    background: #fff; 
    font-size: 1em; 
    } 
    div#fixedbox 
    { 
    overflow: auto; 
    width: 100%; 
    height: 8em; 
    position: absolute; 
    bottom: 0; 
    left: 0; 
    color: #000; 
    background: #ddd; 
    } 
    div#content 
    { 
    padding: 1em; 
    } 

@media screen 
    { 
    body>div#fixedbox 
    { 
    position: fixed; 
    } 
    } 

</style> 


<div id="content" style="width: 500px; height: 1200px">dfdf</div> 
<div id="fixedbox"> The quick brown fox is stuck in this box. </div> 
</body> 
</html> 

しかし、問題が続く..

おかげ Akashさん

+0

あなたがIEのバージョン(複数可)をサポートを行ってい? –

+0

http://stackoverflow.com/questions/971123/css-fixed-to-bottom-and-centered – grc

+0

より多くのコードを参照すると便利です。また、これは過去にかなり答えられています。おそらく、これは便利です:http://stackoverflow.com/questions/7991048/how-to-keep-an-absolute-positioned-item-at-the-bottom-of-the-site-even-if-there/ 7991172#7991172 –

答えて

1

div.contentの外側に絶対配置された要素は、ビューポート、絶対配置された要素div.contentの内部は正常に動作します。これは、バージョン5.0以上でWindows上で動作し、利用可能な最も安定したソリューションです。

クリックして "再生を開始する"、ソースを表示し、学ぶ...

http://tagsoup.com/cookbook/css/fixed/bottom/

body 
    { 
    margin: 0; 
    padding: 0 0 8em 0; 
    } 
    div#fixedbox 
    { 
    overflow: auto; 
    width: 100%; 
    height: 8em; 
    position: absolute; 
    bottom: 0; 
    left: 0; 
    } 
{ 
    body>div#fixedbox 
    { 
    position: fixed; 
    } 
+0

これもうまく動作しない、使用されたコードを更新したようだ – Akash

関連する問題