質問編集履歴

1

コードを追記しました

2021/05/28 06:52

投稿

tamina
tamina

スコア136

test CHANGED
File without changes
test CHANGED
@@ -27,3 +27,99 @@
27
27
 
28
28
 
29
29
  対応方法が分かる人がいましたら教えてください。
30
+
31
+
32
+
33
+ ```html
34
+
35
+ html>
36
+
37
+ <header><script type="text/javascript" src="/js/footerFixed.js"></script> </header>
38
+
39
+ <body>
40
+
41
+ <div>
42
+
43
+ <div id="line__container" class="line__container" ></div>
44
+
45
+ ↑ここがAjaxで要素がどんどん追加される
46
+
47
+ </div>
48
+
49
+ <footer id="footer">
50
+
51
+ <div id="preview"></div>
52
+
53
+ <form action="chatMain.php" method="post" enctype="multipart/form-data">
54
+
55
+ <p>発言
56
+
57
+ <input name="ChatRoomID" id="ChatRoomID" value="<?php echo $GLOBALS["ChatRoomID"]; ?>" hidden="true" />
58
+
59
+ <input name="userID" id="userID" value="<?php echo $GLOBALS["userID"]; ?>" hidden="true"/>
60
+
61
+ <input type="text" name="chatinfo" value=" ">
62
+
63
+ <label class="upload-label">送る
64
+
65
+ <input type="submit" name="_upload" value="送る" >
66
+
67
+ </label>
68
+
69
+ <label class="upload-label">画像
70
+
71
+ <input type="file" name="picture[]" id="picture" accept="image/*" multiple="multiple">
72
+
73
+ </label>
74
+
75
+ </p>
76
+
77
+ </form>
78
+
79
+ </footer>
80
+
81
+ </body>
82
+
83
+ </html>
84
+
85
+ ```
86
+
87
+
88
+
89
+
90
+
91
+ ```css
92
+
93
+ html {
94
+
95
+ background-color: #80dddd; /* 両端部分に付ける背景色(黄緑色) */
96
+
97
+ background-image: url("WallSheat.jpg");/* 両端部分に付ける背景画像 */
98
+
99
+ }
100
+
101
+ body {
102
+
103
+ margin: 0px 15%; /* 外側の余白を、上下はゼロで左右は画面横幅の15%に */
104
+
105
+ padding: 0px; /* 内側の余白を消す */
106
+
107
+ background-color: lightsteelblue; /* 本文部分の背景色は白色 */
108
+
109
+
110
+
111
+ }
112
+
113
+ footer{
114
+
115
+ width: 100%;
116
+
117
+ position: absolute;/*←絶対位置*/
118
+
119
+ bottom: 0; /*下に固定*/
120
+
121
+ }
122
+
123
+
124
+
125
+ ```