質問編集履歴

2

写真わかりずらかったので直しました。

2019/08/17 06:03

投稿

yurina_web
yurina_web

スコア7

test CHANGED
File without changes
test CHANGED
@@ -454,7 +454,7 @@
454
454
 
455
455
  この状態から、記事数を2つにしようと、<div id="content_main">内にあるのをコピペしてみると表示が以下のようになってしまいます。
456
456
 
457
- ![イメージ説明](726c4e1b721ed9c884881b7b53a3419d.png)
457
+ ![イメージ説明](33cb3d17b8bbf29c58167f653dd623ad.png)
458
458
 
459
459
 
460
460
 

1

<div>の閉じタグ、漏れていたので書き足しました。画像内にある右カラムの自己紹介ボックスのHTMLは省いています。写真等追加しました。他に加筆足らないところがありましたら教えてください。

2019/08/17 06:03

投稿

yurina_web
yurina_web

スコア7

test CHANGED
File without changes
test CHANGED
@@ -102,6 +102,22 @@
102
102
 
103
103
 
104
104
 
105
+
106
+
107
+ <!-- 中略-->
108
+
109
+
110
+
111
+
112
+
113
+ <!--   ▼ side-barの閉じタグ ▼   -->
114
+
115
+ </div>
116
+
117
+ <!-- ▼  mainの閉じタグ  ▼ -->
118
+
119
+ </div>
120
+
105
121
 
106
122
 
107
123
 
@@ -422,6 +438,24 @@
422
438
 
423
439
 
424
440
 
425
-
426
-
427
441
  ```
442
+
443
+
444
+
445
+ メインコンテンツのレイアウト、現在はこうなっています。
446
+
447
+ この画像の通り、記事表示を1つではなく、5つに増やしたいです。
448
+
449
+ なお、画像右下に写っているプロフィール欄のHTMLとCSSは省いています。
450
+
451
+ ![イメージ説明](e44144089060ef328a22d3e82064044a.png)
452
+
453
+
454
+
455
+ この状態から、記事数を2つにしようと、<div id="content_main">内にあるのをコピペしてみると表示が以下のようになってしまいます。
456
+
457
+ ![イメージ説明](726c4e1b721ed9c884881b7b53a3419d.png)
458
+
459
+
460
+
461
+ これをきちんと縦に並べる方法がわかりません。わかりにくくて申し訳ありませんが、よろしくお願いします。