ページが森の真ん中にあるような CSS レイアウトを作成しようとしています。背景の木を含む左右の div、さまざまな野生生物を含むページの上部を表示するいくつかのヘッダー div、左右の div の背景画像と一致するより多くの野生生物を下部に表示するいくつかのフッター div があります。 CSS で「position: fixed」を使用して配置されます。
次に、通常どおりに配置され、スクロール可能なコンテンツが中央にあります。それはすべてうまくいきます。
私が抱えている問題は、背景のフォレスト レイアウトが 1204x768 に固定されていることですが、もちろん一部の Web ブラウザー ウィンドウはそれほど大きくない場合があります。残念ながら、コンテンツは意図したとおりにスクロールされますが、ブラウザー ウィンドウのサイズを超えている場合、固定位置の要素は表示されません。明らかに受け入れられません。
スタイルシートの .body 要素と .html 要素に overflow: scroll と height: 768 を設定しようとしましたが、うまくいきませんでした。
CSS の top: 値と left: 値ですべてを配置していることに注意してください。bottom: と right: を使用してこれを回避できることはわかっていますが、問題はフッター画像が整列しないことです。
これは不可能かもしれませんが、その場合はグラフィックデザインを作り直す必要がありますが、可能であれば方法を知りたいです!