2

私は私たちの教会のウェブサイトを構築しており、そのために joomla 2.5 を使用しています。私が使用したテンプレートは wsnone2 でした。私は少しのコードを知っていますが、この問題を整理するために遊んでみましたが、それができないようです。基本的に、ここhttp://www.smass2.co.uk/index.php/en/hymns/annual/deacon-responses/liturgiesのようにテキスト行が非常に少ない場合、フッターが現れてスペースを覆います。位置を固定せずに停止するにはどうすればよいですか。ryanfait のスティッキー フッターと他のいくつかを使用してみましたが、うまくいかなかったようです。誰かが私にこれ以上の提案を提供できますか? 可能であれば、CSS を使用して解決できますか?

ありがとう。

4

3 に答える 3

1

実際、これは一見したよりも難しいでしょう。ここであなたに不利に働いていることがいくつかあります。まず、フッターは実際には region9wrap と region10wrap の 2 つの div に含まれています。@gartox が提案するようにすると、フッターの一部がページの下部に移動するだけです。他の部分についても同じことを行う必要があります。そのためには、この CCS が必要です -

.region9wrap {
color: #999;
position: fixed;
left: 0px;
bottom: 30px; /* height of div below*/
width: 100%;
}
.region10wrap {
color: #999;
position: fixed;
left: 0px;
bottom: 0px;
height: 30px;
width: 100%;
}

これにより、フッターの両方の部分が下に移動しますが、背景がフッターまで伸びていない巨大な暗いストライプが表示されます. 次に、背景を修正する必要があります。まず、region4wrap から背景を完全に削除する必要があります。

次に、body タグに背景を追加します。

body {
background: url('http://www.smass2.co.uk/images/Cross.jpg') no-repeat #0D0D0D;
}

これにより、大きな暗い縞を発生させることなく、ページのフッターまで背景が拡張されます。

于 2013-10-26T16:32:22.193 に答える
0

これを行う最も簡単な方法は、フッターの背景を実際のページ (サイト全体の背後) に配置することです。これにより、フッターが下部に届かない場合、下まで伸びているように見えます。

于 2013-10-25T21:00:41.500 に答える
0

これを行う必要があります：

クラス .region10wrap に、この properties:values を追加します

.region10wrap
    color: #999;
    position: fixed;
    left: 0px;
    bottom: 0px;
    height: 30px; /* your height footer*/
    width: 100%;
}
于 2013-10-25T20:58:58.927 に答える