質問編集履歴

2

ご回答による修正プログラムの記載

2022/09/07 04:30

投稿

aoihello
aoihello

スコア31

test CHANGED
File without changes
test CHANGED
@@ -145,10 +145,10 @@
145
145
  </html>
146
146
  ```
147
147
 
148
- 上記のプログラムで参照ているCSSです。
148
+ 修正たcss
149
149
  ```css
150
150
  /*---------------------質問画面 CSS-------------------------------------------------------*/
151
- @charset="utf-8"
151
+ @charset "utf-8";
152
152
  /*classを使ってcssを書く場合はclassの前に.が必要*/
153
153
 
154
154
  .container {
@@ -158,7 +158,7 @@
158
158
  padding-right: 10px;
159
159
  }
160
160
  /*-----------------------------header------------------------------------------------------*/
161
- header {
161
+ .header {
162
162
  position: absolute;
163
163
  top: 0;
164
164
  width: 100%;
@@ -181,10 +181,7 @@
181
181
  .header-botton {
182
182
  font-size: 5px;
183
183
  color:aliceblue; /*文字の色*/
184
- place-content: {
184
+ place-content: space-between space-evenly;
185
- position: absolute;
186
- top: 10px;
187
- }
188
185
  }
189
186
  .header-name {
190
187
  color: white;
@@ -197,7 +194,8 @@
197
194
 
198
195
  /*-----------------------------main---------------------------------------------------------*/
199
196
  .questext{
200
- position:center;
197
+ position:absolute;
198
+ left:50%;
201
199
  top:20px;
202
200
  color:crimson;
203
201
  }
@@ -208,8 +206,8 @@
208
206
  }
209
207
  .grade{
210
208
  position:absolute;
211
- left: 35;
209
+ left: 35px;
212
- top: 170;
210
+ top: 170px;
213
211
  }
214
212
 
215
213
  input[type="text"] {
@@ -250,7 +248,7 @@
250
248
  height: 80px;
251
249
  width: 101.6%;
252
250
  background-color:black;
253
- font-size: 1.0;
251
+ font-size: 1.0px;
254
252
  color: #000;
255
253
  text-align: center;
256
254
  }
@@ -288,6 +286,10 @@
288
286
  font-size: 10px;
289
287
  }
290
288
  ```
289
+ 強制キャッシュクリアのために変更した部分です。
290
+ ```php
291
+ <link rel="stylesheet" href="questionCSS.css?20220907" type="text/css">
292
+ ```
291
293
 
292
294
  ### 試したこと
293
295
 

1

問題の起きているページ画像を追加しました。

2022/09/06 14:48

投稿

aoihello
aoihello

スコア31

test CHANGED
File without changes
test CHANGED
@@ -297,8 +297,12 @@
297
297
  safariのデベロッパーツールで読み込まれているかなどを確認したのですが、特にエラー表示や、優先順位負けなどはありませんでした。
298
298
 
299
299
  ### 補足情報(FW/ツールのバージョンなど)
300
- 適切に動いているページではこのような感じになっています。
301
300
  ページのサイズがうまくできていなく右側が少し見切れています。
302
301
  サイトに関わる部分は------で隠しています。
302
+
303
+ 適切に動いているページではこのような感じになっています。
303
304
  ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-09-06/95aee32f-08b2-42e0-9c02-a5dab04b863a.png)
304
305
 
306
+ 問題の起きているページの画像です。
307
+ ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-09-06/e6a29e59-e35e-4e1e-bf62-3b8352ac0616.png)
308
+