html + css 縦長の画像を背景にする

いつもお世話になります。

現在Railsを用いてSNSのようなものを作っております。
投稿を見るページに幅1000px、高さ4000pxの画像を繰り返し表示させたいと考えています。
画面の横幅が1000pxを超える場合には、左と右には余白を表示し真ん中に画像を表示したいのですが画面いっぱいに表示されてしまいます。

初歩的な質問で申し訳ございませんが、正しいやり方をご教示いただけると幸いです。
よろしくお願いいたします。

Ruby
1
2View
3
4<body class="post_back">
5  <div class="">
6  
7  </div>
8
9    ・
10    ・
11    ・
12
13
14</body>
15
16
17css
18body.post_back{
19　background: url(/images/03.png) no-repeat;
20　width: 1000px;
21　background-position: 50% 50%;
22　background-size:contain;
23}
24

行動規範の内容に同意します

回答1件

ベストアンサー

background-size:contain;を指定しているからでは？

以下でできると思いますがいかがでしょうか。

css
1body{
2  background-image:url(http://placehold.jp/1000x4000.png); /*ダミー画像*/
3  background-repeat:repeat-y;
4  background-position:50% 0;
5}

投稿2017/12/18 05:14

dit.

総合スコア3235

lyzmfeqpxs54

2017/12/18 09:12

無事行いたいことができました。まだまだ勉強不足ですが頑張っていきたいと思います。ご回答本当にありがとうございました。

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.30%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問