0

現在、フッターに問題があります。私はそれがとても簡単なことで、今まで気が付かなかったことを知っています. 問題は、 http: //www.hirelogo.com の「more samples」ページで発生します。ご覧のとおり、最後の行がカバーされています。問題は普遍的ですが、メインページに実際のフッターがないのも彼の理由です。どんな助けでも大歓迎です。前に言ったように、これはおそらく簡単に修正できることはわかっていますが、理解できないようです。私は joomla を使用しているため、コンテンツ領域はヘッダーとフッターのスキームの一部ではありません。

ありがとう！クリス

4

4 に答える 4

2

次の変更により、問題が解決したようです。

styles.css の 1376 行付近で、 と を削除しposition: absolute;ますwidth: 800px;。も追加する必要がありますclear: both;。最終的な宣言は次のようになります。

#footer {
    clear: both;
    bottom: 0; /* this line is no longer necessary either; see below */
    height: 63px;
    margin-top:1px;
    text-align: center;
    line-height: 103px;
    background-color: #fff;
}

説明：

一般にposition: absolute;、ページの流れとは別のページに何かを配置する予定がある場合にのみ使用してください。の要素position: absolute;はページのスペースを占有しないため、 を設定するbottom: 0;と、div がページの最後の要素の下部に移動し、コンテンツの div と重なってしまいました。

これclear: both;は、div がコンテンツ内の行を構成するフロートをクリアするために必要です。

于 2012-08-15T05:09:17.327 に答える
0

フッターを下げるには、この素晴らしいガイドをご覧ください:D

http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page

于 2012-08-15T05:09:07.850 に答える
0

position:absoluteから削除するだけ#footerで、重複がなくなります。

于 2012-08-15T05:02:09.540 に答える
0

positionフッターを変更しrelative;て調整できます。

于 2012-08-15T05:06:37.757 に答える