質問編集履歴
3
状況の具体化
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
大事件です！テーブルにblockをかけると列の幅がそろいません！
|
|
1
|
+
大事件です！テーブルにblockをかけると列の幅がそろいません！（firefox）
|
test
CHANGED
|
@@ -18,7 +18,9 @@
|
|
|
18
18
|
|
|
19
19
|
そうなんです！
|
|
20
20
|
|
|
21
|
-
スクロールさせるためにはdisplay:block;をかけなければならず、しかしそうすると、なんと、headとbodyのwidthがそろってくれない事件が、大事件が発生するのです！
|
|
21
|
+
スクロールさせるためにはdisplay:block;をかけなければならず、しかしそうすると、なんと、headとbodyのwidthがそろってくれない事件が、大事件が発生するのです！（chromeは平気でIE&firefoxの場合にです。）
|
|
22
|
+
|
|
23
|
+
|
|
22
24
|
|
|
23
25
|
|
|
24
26
|
|
2
試したことを追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -194,9 +194,15 @@
|
|
|
194
194
|
|
|
195
195
|
|
|
196
196
|
|
|
197
|
+
###■ダメなこと
|
|
198
|
+
|
|
199
|
+
％指定でなくpx指定ならばheadもbodyも揃います。けれど、それだと画面の解像度によってズレが生じてしまうので、やっぱり％指定でなければダメなのです(>_<)
|
|
200
|
+
|
|
201
|
+
|
|
202
|
+
|
|
197
|
-
###■不思議なこと
|
|
203
|
+
###■不思議なこと
|
|
198
|
-
|
|
204
|
+
|
|
199
|
-
関係あるかわかりませんが、幅の指定部分を上記のようなnth-childでなく、下記のようなclass名にすると、headの中身が1行に収まったりします。
|
|
205
|
+
関係あるかわかりませんが、幅の指定部分を上記のようなnth-childでなく、下記のようなclass名にすると、headの中身が1行に収まったりします。
|
|
200
206
|
|
|
201
207
|
```CSS
|
|
202
208
|
|
|
@@ -220,12 +226,6 @@
|
|
|
220
226
|
|
|
221
227
|
```
|
|
222
228
|
|
|
223
|
-
この書き方だとこんな感じで、「不束者」の部分が１行に収まるんです。なんででしょうか。まぁ質問内容とは関係ありませんかね？
|
|
224
|
-
|
|
225
|
-
[https://jsfiddle.net/6rt01wo5/2/](https://jsfiddle.net/6rt01wo5/2/)
|
|
229
|
+
この書き方↑だとこんな感じ↓で、「不束者」の部分が１行に収まるんです。[https://jsfiddle.net/6rt01wo5/2/](https://jsfiddle.net/6rt01wo5/2/)
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
230
|
+
|
|
229
|
-
|
|
231
|
+
なんででしょう？まぁこれは質問内容とは関係ありませんでしょうか。
|
|
230
|
-
|
|
231
|
-
テーブルマスターの方いらっしゃいましたら、どうか！ご協力よろしくお願いいたします！
|
1
誤字修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -10,15 +10,19 @@
|
|
|
10
10
|
|
|
11
11
|
ラジオボタン選択でテーブルをスクロール表示に切り替える機能があります。
|
|
12
12
|
|
|
13
|
-
ところが
|
|
13
|
+
ところが！こちらのリンク先をご覧ください。
|
|
14
14
|
|
|
15
15
|
[https://jsfiddle.net/6rt01wo5/](https://jsfiddle.net/6rt01wo5/)
|
|
16
16
|
|
|
17
17
|
|
|
18
18
|
|
|
19
|
-
そうなんです
|
|
19
|
+
そうなんです！
|
|
20
|
-
|
|
20
|
+
|
|
21
|
-
スクロールさせるためにはdisplay:block;をかけなければならず、しかしそうすると、なんと、headとbodyのwidthがそろってくれない事件が発生
|
|
21
|
+
スクロールさせるためにはdisplay:block;をかけなければならず、しかしそうすると、なんと、headとbodyのwidthがそろってくれない事件が、大事件が発生するのです！
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
display:block;さえなければwidthはきちんと揃うのですが。それだとスクロールができない。。
|
|
22
26
|
|
|
23
27
|
|
|
24
28
|
|
|
@@ -192,7 +196,7 @@
|
|
|
192
196
|
|
|
193
197
|
###■不思議なことなど
|
|
194
198
|
|
|
195
|
-
関係あるかわかりませんが、幅の指定部分を上記のようなnth-childでなく、下記のようなclass名にすると、headの
|
|
199
|
+
関係あるかわかりませんが、幅の指定部分を上記のようなnth-childでなく、下記のようなclass名にすると、headの中身が1行に収まったりします。（「不束者」の部分が改行されなくなる。）
|
|
196
200
|
|
|
197
201
|
```CSS
|
|
198
202
|
|
|
@@ -216,7 +220,7 @@
|
|
|
216
220
|
|
|
217
221
|
```
|
|
218
222
|
|
|
219
|
-
この書き方だとこんな感じの
|
|
223
|
+
この書き方だとこんな感じで、「不束者」の部分が１行に収まるんです。なんででしょうか。まぁ質問内容とは関係ありませんかね？
|
|
220
224
|
|
|
221
225
|
[https://jsfiddle.net/6rt01wo5/2/](https://jsfiddle.net/6rt01wo5/2/)
|
|
222
226
|
|