その上にコンテンツを配置したさまざまな背景画像を持つサイトを構築しています。モバイル ブラウザでサイトを表示すると、一部の要素が左側に押し出され、右側に醜い空白が残るため、現在の方法では機能しません。
これは、プッシュされる要素がラッパー内に含まれていないためです。ただし、特に配置する必要があるさまざまな背景画像を使用して、すべての要素を配置する方法がわかりません。
div がどのように配置されているかの簡単なイメージを作成しました。
注: すべてのテキスト100% width, etcは、赤い透明なボックス (コンテンツ) の下の div を参照しています。実際のサイトはこちらからご覧いただけます。
この Web サイトのレイアウトに適した HTML を作成する方法を誰かが教えてくれますか? たとえば、上半分と下半分をそれぞれにラッパーで分割する必要が#topあり#bottomますか? 私はこれにどのようにアプローチすべきかについて行き詰まっています。