ウィンドウのサイズを変更し、垂直スクロールバーが表示されたときに、一番下までスクロールすると、一番下が壊れます。理由はわかりませんが、ページが 100% の高さを使用する方法に関係があると思います。どんな助けでも大歓迎です!
ここにページがあります: zxsdesign.com/main1.html
ここにスクリーンショットがあります
ウィンドウのサイズを変更し、垂直スクロールバーが表示されたときに、一番下までスクロールすると、一番下が壊れます。理由はわかりませんが、ページが 100% の高さを使用する方法に関係があると思います。どんな助けでも大歓迎です!
ここにページがあります: zxsdesign.com/main1.html
ここにスクリーンショットがあります
height
CSSプロパティと絶対配置を使用した組み合わせです。ajm は使用について話しましmin-height
たheight
。
あなたの他の問題に。要素を完全に配置すると、要素はページ構造の一部ではなくなります。代わりに、それらは別の平面に存在するため、ページのサイズには影響しません。が<div id="flashcontent">
ウィンドウの境界を越えても、 の境界には影響しません<body>
。
を使用しないことでこれを修正できますposition: absolute
。本当の必要はありません。代わりに、要素を通常どおりに配置し、要素を完全#flashcontent
に取り除くことができます。代わりに背景を指定するだけです。次に、 と を使用して正しい場所に配置します。#bg
#flashcontent
margin: 0 auto;
padding-top: 179px;
あなたのページは、すべての要素に 100% の高さを使用することに完全に基づいています。ユーザーのブラウザー ビューポートが十分に大きい場合は問題ありません。ただし、ブラウザーのサイズを十分に小さく変更すると、ページの高さが 100% 小さくなり、下から物が落ちてしまいます。
コンテナ要素の 1 つに最小高さを設定することを検討してください。これにより、ブラウザー ウィンドウがその高さを下回ると、サイズ変更が強制的に停止されます。または、コンテナ アイテムの 1 つにフラッシュ ピースを格納するのに十分な大きさの単純な古い高さを設定し、他のアイテムがそれを継承できるようにすることもできます。
また、IE6 は min-height をサポートしていないため (FF2+、IE7、Safari はすべてサポートしています)、そのようにハックする必要があります。
残念ながら高さ: 100%; 実装が異なります...ブラウザを使用するときに、ブラウザが必要な動作をするかどうかを確認することはできません。
clear: left; を使用してみてください。またはクリア: 両方。あなたのスタイルで。
100% の高さは 1 画面の高さです。上にスクロールすると、高さの 100% をカバーします。ブロックも拡大縮小するか、少なくとも画面の中央に移動します。これを行うには、上下のパディングを auto に設定します。
また、head タグが適切に閉じられていません。これをチェック