メニューに問題があります。背景を持つ 960px の div があります (画像 2)。画像 2 の左側には、左スペースに適合する別の要素が必要です。右には、右スペースに適合する必要がある div があります。
したがって、解像度が 1024px の場合、左に 32px、中央 (常に) 960px、右に 32px が必要です。解像度が 2048px の場合、左: 544px、中央: 960px、右: 544px。
<div id="container-menu">
<div id="left-bg">// EMPTY, ONLY NEED TO FIT THE WINDOW LEFT //</div>
<div id="center-bg">// HERE GO MENU AND LOGO //</div>
<div id="right-bg">// EMPTY, ONLY NEED TO FIT THE WINDOW RIGHT//</div>
</div>
画像を参照してください:
アップデート:
画像 1 と画像 3 は1px
幅がありrepeat-x
、背景に追加されています
画像 2960px
の幅
画像はすべて透過pngです。
ありがとう!