次のページの若い女性の画像: http ://secretgenius.co.uk/document/document_index.html
右側のコンテンツが長い場合は、ページの下部に移動する必要があります。上記のURLで、彼女がフッターラインの上に浮かんでいることがわかりますが、右側にいくらコンテンツがあっても、常にフッターラインに表示されるようにしたいと思います。このサイトでは960.gsグリッドを使用しています。
助けてくれてありがとう。
次のページの若い女性の画像: http ://secretgenius.co.uk/document/document_index.html
右側のコンテンツが長い場合は、ページの下部に移動する必要があります。上記のURLで、彼女がフッターラインの上に浮かんでいることがわかりますが、右側にいくらコンテンツがあっても、常にフッターラインに表示されるようにしたいと思います。このサイトでは960.gsグリッドを使用しています。
助けてくれてありがとう。
position:relative
イメージの親コンテナーとイメージposition:absolute; bottom:0; left:0
で使用
タグvertical-align: bottom
にimg
追記
スクリーンショット:
#mainFooter{ background: url(../images/footerbg.png) repeat-x left bottom; bottom:0px; width: 100%; position:fixed; }
#footer { position: relative; margin: 0 auto; padding:10px 0; }
これらの設定を試してください & css の以前の設定がある場合。mainFooter: for img & footer: for text bellow img