1

私がデザインしているページは、cssスタイルシートを使用した純粋なhtmlです。http://www.cssplay.co.uk/layouts/basics2.html ヘッダーとフッターがテキストではなく複数の画像で構成されていることを除いて、ヘッダーとフッターが次の例のようにスクロール可能なコンテンツで設定されています。

私が抱えている問題は、ページを少し下にスクロールしてウィンドウのサイズを小さくすると、ヘッダーとフッターが消えてしまうことです...ただし、Firefoxでのみです。ウィンドウを再度最大化すると、フッターは表示されますが、300〜400奇数のピクセルが高すぎて、ヘッダーが消えたままになります。Safari、Opera、Chromeはすべて正常に動作します。ブラウザウィンドウのサイズを好きなだけ変更でき、ページは適切に反応します。

これを引き起こしている可能性がありますか？奇妙なことに、まったくスクロールせずにウィンドウのサイズを変更すると、Firefoxはページのスタイルを保持します...おそらくoverflow：scrollの問題ですか？

みんな、ありがとう

申し訳ありませんが、リンクを含めるのを忘れました： http ://www.theskycaptain.com/THESKYCAPTAIN.COM/projects/cosmicwomb.html

（bandcampプレーヤーが適切に動作しておらず、コードが少し乱雑であることに気付きましたが、開発中です。この問題を解決するためにホストしました。少し下にスクロールして、ウィンドウのサイズを変更します。次に最大化すると、私が何を意味するかがわかります）

4

2 に答える 2

2

あなたのウェブページは不適切に定義されており、クリーンアップする必要のある他のエラーを含むあらゆる場所imgにbrタグが付けられています。

間違った例：

<img src="../image/topspace.png"></img>

正しい例：

<img src="../image/topspace.png" alt="image" />

imgタグの詳細については、こちらをお読みください。

また、変更：

</br>

に：

<br />
于 2012-07-02T08:43:19.123 に答える
1

絶対位置にある要素に上と下の値を付けてみてください。

すなわち

.topspace, .headercon, .scroller { top: 0px; }
.footer { bottom: 0px; }

（これらは必ずしも必要な正確な値ではありませんが、単なる例です）

于 2012-07-02T08:47:51.163 に答える