おそらく非常に単純なことを尋ねるつもりですが、ここで苦労しています。
縦に2つにカットした写真があります。中央の部分は div の背景で、常にページの中央にあると想定されています。もう一方のピースは中央が透明で、両側にグラフィックがあります。画面の解像度に応じて、側面のグラフィックを非表示/表示を増やしたり減らしたりしたいのですが、常に中央に配置して、中央の部分とパターンを常に一致させます。
これが私の基本的なcssです:
* { padding: 0; margin: 0; }
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
background: url(img/outerpic.png) no-repeat;
}
#wrapper {
margin: 0 auto;
width: 1090px;
}
#content {
width: 1090px;
background: url(img/innerpic.png) no-repeat;
}
fluid-fixed-fluid css と 3 つの写真を使用して 1 つのバージョンを作成しましたが、完全に満足しているわけではありません (中央に配置するのに問題があります)。
どんな助けでも大歓迎です。