質問箱/5416
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
|
ログイン
]
開始行:
**[[質問箱/5416]] [#u33edce0]
|RIGHT:100|LEFT:410|c
|~カテゴリ|デザイン・CSS・スキン|
|~サマリ|テーブルを横スクロールさせたい|
|~バージョン|1.5.3|
|~投稿者|[[タケダ]]|
|~状態|質問|
|~投稿日|&new{2021-06-02 (水) 18:18:19};|
***質問 [#laec0c7e]
[[質問箱/5287]]を参考にpukiwiki.cssのdiv.ie5にoverflow-x:...
何かバージョンでの違いや書き込む場所が間違っていたりする...
***回答 [#jb8a7b30]
- wiki開設してから不定期にずっとこれで悩んでるんですよね…...
- 『div.ie5に white-space:nowrap overflow:scrollを書き...
--ただしこれだと私の環境(Windows)では横幅が十分ある状態...
white-space:nowrap overflow:autoだと「常に表の周りにス...
また、行装飾(|||c)でカラムの幅を設定していても無効化さ...
white-space:nowrapを入れないといけないのは、wikiのテンプ...
--iOSとAndoroidではこのあたりの扱いが違うという話をどこか...
--元質問の環境は1.4.7と書いてあります。デフォルトで『<div...
- ええと、誤解があると良くないので補足しますね。(投稿後...
--まず、「wiki開設してから不定期にずっとこれで悩んでるん...
--投稿者とともに、環境は1.5.3です。第一返信者は1.4時代の...
--うちの場合、色々と(本当に色々)試したのですが、どんな...
--display: flexを解除すると、テーブルのみが横スクロールで...
--%%現象は|||cの横幅指定をしていても無くても結果は同じで...
--という訳で、うちにはお手上げなのでもし1.5.3の環境下で有...
- 子要素(div#body?)にmin-width: を設定でうまくいかな...
- div.ie5にscrollを追加した上でテーブル側に改行禁止スタイ...
- たいへん苦労したのですが、自力でなんとかすることができ...
--まず、単純に表に横スクロールバーを表示させるには .ie5 ...
---が、これだとブラウザ自体にも横スクロールバーが出てきて...
---(勘違いしてたのですが、ブラウザ自体にまず横スクロール...
--ブラウザ自体にスクロールバーが出るのは div#body の横幅...
--上記の指定に加えて、div#body に対して max-width: calc(1...
--なお、メニューバーの出ていない画面については考慮してま...
- 何時間もかけて色々試した上でこれを書いたあと数分で簡単...
--.ie5 {overflow: auto; white-space: nowrap} に加えて div...
---Firefoxのみの確認です
#comment
終了行:
**[[質問箱/5416]] [#u33edce0]
|RIGHT:100|LEFT:410|c
|~カテゴリ|デザイン・CSS・スキン|
|~サマリ|テーブルを横スクロールさせたい|
|~バージョン|1.5.3|
|~投稿者|[[タケダ]]|
|~状態|質問|
|~投稿日|&new{2021-06-02 (水) 18:18:19};|
***質問 [#laec0c7e]
[[質問箱/5287]]を参考にpukiwiki.cssのdiv.ie5にoverflow-x:...
何かバージョンでの違いや書き込む場所が間違っていたりする...
***回答 [#jb8a7b30]
- wiki開設してから不定期にずっとこれで悩んでるんですよね…...
- 『div.ie5に white-space:nowrap overflow:scrollを書き...
--ただしこれだと私の環境(Windows)では横幅が十分ある状態...
white-space:nowrap overflow:autoだと「常に表の周りにス...
また、行装飾(|||c)でカラムの幅を設定していても無効化さ...
white-space:nowrapを入れないといけないのは、wikiのテンプ...
--iOSとAndoroidではこのあたりの扱いが違うという話をどこか...
--元質問の環境は1.4.7と書いてあります。デフォルトで『<div...
- ええと、誤解があると良くないので補足しますね。(投稿後...
--まず、「wiki開設してから不定期にずっとこれで悩んでるん...
--投稿者とともに、環境は1.5.3です。第一返信者は1.4時代の...
--うちの場合、色々と(本当に色々)試したのですが、どんな...
--display: flexを解除すると、テーブルのみが横スクロールで...
--%%現象は|||cの横幅指定をしていても無くても結果は同じで...
--という訳で、うちにはお手上げなのでもし1.5.3の環境下で有...
- 子要素(div#body?)にmin-width: を設定でうまくいかな...
- div.ie5にscrollを追加した上でテーブル側に改行禁止スタイ...
- たいへん苦労したのですが、自力でなんとかすることができ...
--まず、単純に表に横スクロールバーを表示させるには .ie5 ...
---が、これだとブラウザ自体にも横スクロールバーが出てきて...
---(勘違いしてたのですが、ブラウザ自体にまず横スクロール...
--ブラウザ自体にスクロールバーが出るのは div#body の横幅...
--上記の指定に加えて、div#body に対して max-width: calc(1...
--なお、メニューバーの出ていない画面については考慮してま...
- 何時間もかけて色々試した上でこれを書いたあと数分で簡単...
--.ie5 {overflow: auto; white-space: nowrap} に加えて div...
---Firefoxのみの確認です
#comment
ページ名: