質問編集履歴

5

追記

2021/07/01 08:57

投稿

antiwararug
antiwararug

スコア35

test CHANGED
File without changes
test CHANGED
@@ -28,6 +28,8 @@
28
28
 
29
29
  overflow: scroll;
30
30
 
31
+ width: 600px;
32
+
31
33
  height: 400px;
32
34
 
33
35
  }
@@ -48,19 +50,19 @@
48
50
 
49
51
  .fixed01:before, .fixed02:before {
50
52
 
51
-   content: "";
53
+ content: "";
52
-
54
+
53
-   position: absolute;
55
+ position: absolute;
54
-
56
+
55
-   top: -1px;
57
+ top: -1px;
56
-
58
+
57
-   left: -1px;
59
+ left: -1px;
58
-
60
+
59
-   width: 100%;
61
+ width: 100%;
60
-
62
+
61
-    height: 100%;
63
+ height: 100%;
62
-
64
+
63
-   border: 1px solid #ccc;
65
+ border: 1px solid #ccc;
64
66
 
65
67
  }
66
68
 
@@ -76,6 +78,12 @@
76
78
 
77
79
  }
78
80
 
81
+ table {
82
+
83
+ width: 1000px;
84
+
85
+ }
86
+
79
87
 
80
88
 
81
89
  th {
@@ -102,19 +110,19 @@
102
110
 
103
111
  <tr>
104
112
 
105
- <th rowspan="2" class="fixed01">固定したいtitle0</th>
113
+ <th rowspan="2" class="p-safety-aftereffect__high fixed01">固定したいtitle</th>
106
-
114
+
107
- <th colspan="3" class="fixed01">固定したいtitle1</th>
115
+ <th colspan="3" class="p-safety-aftereffect__row fixed02">固定したいtitle</th>
108
-
116
+
109
- </tr>
117
+ </tr>
110
-
118
+
111
- <tr>
119
+ <tr>
112
-
120
+
113
- <th class="fixed01">固定したいtitle2</th>
121
+ <th class="fixed02">固定したいtitle2</th>
114
-
122
+
115
- <th class="fixed01">固定したいtitle2</th>
123
+ <th class="fixed02">固定したいtitle2</th>
116
-
124
+
117
- <th class="fixed01">固定したいtitle2</th>
125
+ <th class="fixed02">固定したいtitle2</th>
118
126
 
119
127
  </tr>
120
128
 
@@ -283,3 +291,7 @@
283
291
  原因、解決方法等、お分かりの方教えていただけますでしょうか?
284
292
 
285
293
  よろしくお願いいたします。
294
+
295
+ 【追記】
296
+
297
+ ソースが少し分かりづらかったので、修正いたしました。

4

追記

2021/07/01 08:57

投稿

antiwararug
antiwararug

スコア35

test CHANGED
File without changes
test CHANGED
@@ -102,9 +102,9 @@
102
102
 
103
103
  <tr>
104
104
 
105
- <th rowspan="2" class="fixed01">固定したいtitle</th>
105
+ <th rowspan="2" class="fixed01">固定したいtitle0</th>
106
-
106
+
107
- <th colspan="3" class="fixed01">固定したいtitle</th>
107
+ <th colspan="3" class="fixed01">固定したいtitle1</th>
108
108
 
109
109
  </tr>
110
110
 
@@ -278,7 +278,7 @@
278
278
 
279
279
  ```
280
280
 
281
- 固定したいtitle2がズレてしまう問題を解消したいです。
281
+ 固定したいtitle2が固定したいtitle1の上にズレてしまう問題を解消したいです。
282
282
 
283
283
  原因、解決方法等、お分かりの方教えていただけますでしょうか?
284
284
 

3

追記

2021/07/01 08:52

投稿

antiwararug
antiwararug

スコア35

test CHANGED
File without changes
test CHANGED
@@ -278,6 +278,8 @@
278
278
 
279
279
  ```
280
280
 
281
+ 固定したいtitle2がズレてしまう問題を解消したいです。
282
+
281
283
  原因、解決方法等、お分かりの方教えていただけますでしょうか?
282
284
 
283
285
  よろしくお願いいたします。

2

修正

2021/07/01 08:51

投稿

antiwararug
antiwararug

スコア35

test CHANGED
File without changes
test CHANGED
@@ -48,19 +48,19 @@
48
48
 
49
49
  .fixed01:before, .fixed02:before {
50
50
 
51
- content: "";
51
+   content: "";
52
-
52
+
53
- position: absolute;
53
+   position: absolute;
54
-
54
+
55
- top: -1px;
55
+   top: -1px;
56
-
56
+
57
- left: -1px;
57
+   left: -1px;
58
-
58
+
59
- width: 100%;
59
+   width: 100%;
60
-
60
+
61
- height: 100%;
61
+    height: 100%;
62
-
62
+
63
- border: 1px solid #ccc;
63
+   border: 1px solid #ccc;
64
64
 
65
65
  }
66
66
 

1

修正

2021/07/01 08:50

投稿

antiwararug
antiwararug

スコア35

test CHANGED
File without changes
test CHANGED
@@ -102,9 +102,9 @@
102
102
 
103
103
  <tr>
104
104
 
105
- <th rowspan="2" class="p-safety-aftereffect__high fixed01">固定したいtitle</th>
105
+ <th rowspan="2" class="fixed01">固定したいtitle</th>
106
-
106
+
107
- <th colspan="3" class="p-safety-aftereffect__row fixed01">固定したいtitle</th>
107
+ <th colspan="3" class="fixed01">固定したいtitle</th>
108
108
 
109
109
  </tr>
110
110