teratail
回答率
85.47%
質問するログイン新規登録
トップに関する質問ブラウザの両端まで表示設定しているが適応されないページがある

編集履歴

質問編集履歴

5

追記

2021/03/29 14:34

投稿

let
let

スコア41

test CHANGED
File without changes
test CHANGED
@@ -1,3 +1,5 @@
1
+ ![イメージ説明](3d946d7fe1b1f81d0e976fd0c8403870.png)
2
+
1
3
  HOMEなどは両端まで画像やグローバルナビゲーションは表示されるが一部のページには反映されないのです。
2
4
 
3
5
  ご助言お願いします

4

追記

2021/03/29 14:34

投稿

let
let

スコア41

test CHANGED
File without changes
test CHANGED
@@ -2,6 +2,8 @@
2
2
 
3
3
  ご助言お願いします
4
4
 
5
+ 試した事　width: 1040px;をwidth100％にすると項目が両端まで広がるが項目は中央に配置したい為この設定は使えない。
6
+
5
7
  ```HTML
6
8
 
7
9
  <!DOCTYPE html>

3

変更

2021/03/28 18:43

投稿

let
let

スコア41

test CHANGED
@@ -1 +1 @@
1
- ブラウザの両端まで表示設定しているが適応されないページがあって修正箇所がわからない
1
+ ブラウザの両端まで表示設定しているが適応されないページがある
test CHANGED
File without changes

2

変更

2021/03/28 17:46

投稿

let
let

スコア41

test CHANGED
File without changes
test CHANGED
@@ -1,4 +1,4 @@
1
- HOMEなどは両端まで画像やグローバルナビゲーションは両端まで表示されるが一部のページには反映されないのです。
1
+ HOMEなどは両端まで画像やグローバルナビゲーションは表示されるが一部のページには反映されないのです。
2
2
 
3
3
  ご助言お願いします
4
4
 

1

変更

2021/03/28 07:12

投稿

let
let

スコア41

test CHANGED
File without changes
test CHANGED
@@ -56,58 +56,58 @@
56
56
 
57
57
  <li><a href="#">******</a></li>
58
58
 
59
+ <li><a href="#">****</a></li>
60
+
61
+ <li><a href="#">*******</a></li>
62
+
63
+ </ul>
64
+
65
+ </li>
66
+
67
+ <li class="top-nav"><a href="#">****</a></li>
68
+
69
+ <li class="top-nav"><a href="#">*****</a></li>
70
+
71
+ <li class="top-nav"><a href="#">****</a></li>
72
+
73
+ </ul>
74
+
75
+ </header>
76
+
77
+ <main>
78
+
79
+ <ol class="breadcrumb">
80
+
81
+ <li><a href="#">***</a></li>
82
+
59
83
  <li><a href="#">*****</a></li>
60
84
 
61
- <li><a href="#">*******</a></li>
85
+ <li><a href="#">******</a></li>
86
+
87
+ </ol>
88
+
89
+ <div class="wrapper">
90
+
91
+ <div class="box-text">
92
+
93
+ <h1 class="cons">&lt;*****&gt;</h1>
94
+
95
+ <p class="cond-setumei">******/p>
96
+
97
+ <div class="menu">
98
+
99
+ <h2>&lt;**********&gt;</h2>
100
+
101
+ <ul>
102
+
103
+ <li>*********</li>
104
+
105
+ <li>********</li>
106
+
107
+ <li>********</li>
62
108
 
63
109
  </ul>
64
110
 
65
- </li>
66
-
67
- <li class="top-nav"><a href="#">****</a></li>
68
-
69
- <li class="top-nav"><a href="#">*****</a></li>
70
-
71
- <li class="top-nav"><a href="#">****</a></li>
72
-
73
- </ul>
74
-
75
- </header>
76
-
77
- <main>
78
-
79
- <ol class="breadcrumb">
80
-
81
- <li><a href="#">***</a></li>
82
-
83
- <li><a href="#">*****</a></li>
84
-
85
- <li><a href="#">******</a></li>
86
-
87
- </ol>
88
-
89
- <div class="wrapper">
90
-
91
- <div class="box-text">
92
-
93
- <h1 class="cons">&lt;*****&gt;</h1>
94
-
95
- <p class="cond-setumei">******/p>
96
-
97
- <div class="menu">
98
-
99
- <h2>&lt;**********&gt;</h2>
100
-
101
- <ul>
102
-
103
- <li>*********</li>
104
-
105
- <li>********</li>
106
-
107
- <li>********</li>
108
-
109
- </ul>
110
-
111
111
  </div>
112
112
 
113
113
  </div>