#author("2021-06-06T01:08:30+09:00","","")
#author("2021-06-06T04:22:45+09:00","","")
**[[質問箱/5416]] [#u33edce0]
|RIGHT:70|LEFT:410|c
|~カテゴリ|デザイン・CSS・スキン|
|~サマリ|テーブルを横スクロールさせたい|
|~バージョン|1.5.3|
|~投稿者|[[タケダ]]|
|~状態|質問|
|~投稿日|&new{2021-06-02 (水) 18:18:19};|
***質問 [#laec0c7e]
[[質問箱/5287]]を参考にpukiwiki.cssのdiv.ie5にoverflow-x:scroll;を書き込んでみましたが横スクロールバーが出てきません。
何かバージョンでの違いや書き込む場所が間違っていたりするのでしょうか？

***回答 [#jb8a7b30]
- wiki開設してから不定期にずっとこれで悩んでるんですよね…。<div id="contents">にdisplay: flexが設定されてるからみたい…？よくわからないです。 -- [[ぬぺぺ]] &new{2021-06-03 (木) 12:00:44};
- 『div.ie5に white-space:nowrap　 overflow:scrollを書き加えることでスクロールバーが表示されるようになりました』という部分は読んでいないのでしょうか？ -- [[D]] &new{2021-06-03 (木) 22:20:13};
--ただしこれだと私の環境（Windows）では横幅が十分ある状態でも常に表の周りにスクロールバーの枠が表示されるようになりました。~
white-space:nowrap　 overflow:autoだと「常に表の周りにスクロールバーの枠が表示される」ことは無くなりました。~
また、行装飾（|||c）でカラムの幅を設定していても無効化されます。~
white-space:nowrapを入れないといけないのは、wikiのテンプレートも表も幅可変だからだと思います。
--iOSとAndoroidではこのあたりの扱いが違うという話をどこかで見たので、閲覧環境によっては使わないほうがいいのではないでしょうか。
--元質問の環境は1.4.7と書いてあります。デフォルトで『<div id="contents">にdisplay: flexが設定されてる』状態になったのは1.5.3からです。それ以前はdivではなくtable構造です。
- ええと、誤解があると良くないので補足しますね。（投稿後に編集で枝をつけます） -- [[ぬぺぺ]] &new{2021-06-05 (土) 19:41:23};
--まず、「wiki開設してから不定期にずっとこれで悩んでるんですよね」の第一返信者は投稿者とは別の人です。一応念のため。
--投稿者とともに、環境は1.5.3です。第一返信者は1.4時代の仕様は知りません。
--うちの場合、色々と（本当に色々）試したのですが、どんな方法でも''ブラウザ自体に横スクロールバーが出る''という望まない結果になってしまいます。一応テーブル自体にもスクロールバーが出るは出るのですが、bodyタグの範囲それ自体の横幅が広がってしまうのでテーブルのスクロールバーは効かず、ブラウザで横スクロールすることになってしまいます。これは望む結果ではありません。（なお、確認はWindowsのFirefoxです）
--display: flexを解除すると、テーブルのみが横スクロールできる、本来なってほしい挙動になります。が、デザインガタ崩れになるのでちょっと第一返信者にはそこからの手直しは負担が大きくて無理です…。
--上記の現象は|||cの横幅指定をしていても無くても結果は同じです。
--という訳で、うちにはお手上げなのでもし1.5.3の環境下で有効な方法をご存じな方がいらっしゃいましたらご教示願いたいです。切に…。
- 子要素（div#body？）にmin-width:　を設定でうまくいかないでしょうか？ --  &new{2021-06-06 (日) 04:22:45};

#comment
トップ   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS
Site admin: PukiWiki Development Team

PukiWiki 1.5.4+ © 2001-2022 PukiWiki Development Team. Powered by PHP 5.6.40-0+deb8u12. HTML convert time: 0.032 sec.

OSDN