teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

2

文章の修正

2021/09/18 04:15

投稿

Styfish
Styfish

スコア4

title CHANGED
File without changes
body CHANGED
@@ -1,9 +1,32 @@
1
1
  ### わからないこと
2
2
  画像1のように画面を3分割して、ウィンドウの大きさが変わってもこのレイアウトを維持したいのですが、ウィンドウを小さくすると画像2のように青い部分が赤い部分と重なってしまいます。(わかりにくいですが右下のところが重なっています)
3
- 考えとしてはウィンドウが小さくなると赤い部分が青い部分を押し出すような感じにしたいです
3
+ 考えとしてはウィンドウが小さくなると赤い部分が青い部分を押し出すような感じにしたいですがそれはできますか?
4
4
 
5
5
  (画像1)
6
6
  ![![画像1](651dbbc29bb02eeca2a3532801a78dd0.png)
7
7
 
8
8
  (画像2)
9
- ![画像2](22db94c3da2f0d8c838b5ef9896ce4b3.png)
9
+ ![画像2](22db94c3da2f0d8c838b5ef9896ce4b3.png)
10
+
11
+ ```html
12
+ <div id="top">
13
+ <h5 id="chat-top">
14
+ <center>タイトル</center>
15
+ </h5>
16
+ <hr color="#303032">
17
+ </div>
18
+
19
+ <div id="middle">
20
+ <div id="chat-scroll-area">
21
+
22
+ </div>
23
+ </div>
24
+
25
+ <div id="bottom">
26
+ <textarea id="sendMes" placeholder="" rows="1" maxlength="500"></textarea>
27
+ <div id="setsub">
28
+ <button id="setting" onclick="">設定</button>
29
+ <button id="submit" onclick="submit_f()">チャット</button>
30
+ </div>
31
+ </div>
32
+ ```

1

文章の修正

2021/09/18 04:14

投稿

Styfish
Styfish

スコア4

title CHANGED
File without changes
body CHANGED
@@ -1,7 +1,9 @@
1
1
  ### わからないこと
2
- 画像のように画面を3分割して、ウィンドウの大きさが変わってもこのレイアウトを維持したいのですが、ウィンドウを小さくすると青い部分が赤い部分と重なってしまいます。(わかりにくいですが右下のところが重なっています)
2
+ 画像1のように画面を3分割して、ウィンドウの大きさが変わってもこのレイアウトを維持したいのですが、ウィンドウを小さくすると画像2のように青い部分が赤い部分と重なってしまいます。(わかりにくいですが右下のところが重なっています)
3
3
  考えとしてはウィンドウが小さくなると赤い部分が青い部分を押し出すような感じにしたいです。
4
4
 
5
+ (画像1)
6
+ ![![画像1](651dbbc29bb02eeca2a3532801a78dd0.png)
5
7
 
6
- ![![イメージ説明](651dbbc29bb02eeca2a3532801a78dd0.png)
8
+ (画像2)
7
- ![イメージ説明](22db94c3da2f0d8c838b5ef9896ce4b3.png)
9
+ ![画像2](22db94c3da2f0d8c838b5ef9896ce4b3.png)