ブレイントラスト EC LEARNING(ec・ラーニング)

ビギナーにも使えるヒントが満載。 ネットショップコンサルのプロがノウハウをお届け。

開店構築費5万円、最短5	営業日で完成! ECサイトの更新、コンサルティング ECサイトの更新、コンサルティング ECサイトの更新、コンサルティング
PCページで別々の縦バナーを両側に設置したいのですが、どのようにすればいいでしょうか?

PCページで別々の縦バナーを両側に設置したいのですが、どのようにすればいいでしょうか?

片側のみの縦バナー設置では、bodyタグの背景画像として縦バナーを設定しますが、その方法だけだと両側に別々のバナーを設定できません。 divタグを使って両側にバナーを設置する方法は楽天でも紹介されていますが、商品ページによっては長さが長すぎたり、途中で切れてしまったりするので、bodyタグを利用した場合に比べて見栄えが悪くなります。 そこでおすすめの方法として、bodyタグと同じ縦バナー設置cssを、左右を逆にしてhtmlタグにも設定する方法です。 html { background: url(xxxx.jpg) repeat-y right top;} body { background: url(yyyy.jpg) repeat-y left top;} (※marginとpaddingはreset.cssで0に設定しています) こうする事でページの長さにピッタリと合った、別々の縦バナーを両側に設置する事ができます。