質問箱/2244
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
|
ログイン
]
開始行:
**[[質問箱/2244]] [#z60a76e5]
|RIGHT:70|LEFT:410|c
|~カテゴリ||
|~サマリ|整形済みテキストのせいで横スクロールがでないよう...
|~バージョン|1.4.3|
|~投稿者|[[koedame]]|
|~状態|完了|
|~投稿日|&new{2004-07-02 (FRI) 13:45:00};|
***質問 [#w9ac9276]
pukiwiki.org のように整形済みテキストのせいで横スクロール...
skin/default.ja.css 中に
pre
{
white-space:-pre-wrap;
white-space:-moz-pre-wrap;
}
skin/ie5.ja.css 中に
pre
{
line-break:strict;
word-break:break-all;
word-wrap:break-word;
}
とあったので追加してみましたが、
IE のときにどうもうまく行きませんでした。
mozilla, opera では確かに空白文字があれば改行してくれてい...
IE のとき、ほかにも何か必要なのでしょうか？
また、mozilla, opera のときに IE のように任意の場所で改行...
よろしくお願いします。
***回答 [#ce8795d7]
-[[バイズ]] &new{2004-08-10 (TUE) 18:12:47};
~僕もいろいろ試して上手くいきませんでしたが、この設定で上...
pre
{
line-height:130%;
width:80ex;
max-width:80ex;
line-break:strict;
word-wrap:break-word; /* IE対策 */
word-break:break-all; /* IE対策 */
overflow:hidden; /* Moziila/Opera対策 */
}
これは[[質問箱/173]]を見て変更しました。CSS についてよく...
~ちなみに、PukiWiki 本家のようにブラウザの大きさを変えた...
-[[koedame]] &new{2004-08-10 (TUE) 22:03:44};
~スキンを table レイアウトから div float レイアウトに変え...
-[[バイズ]] &new{2004-08-11 (WED) 02:09:51};
~&color(white,blue){kodame さん};の言うとおりだと思います...
一つのやり方を思い出して、pre の親要素には max-width:xxyy...
れていてたら pre 自身の幅は % で設定できると思います。
~今スキンを改造中なので、検証結果が出来たらまた知らせます。
-私もpreタグで悩んでいます。バイズさんの紹介されている方...
--「word-wrap:break-word;」「word-break:break-all;」を指...
---div要素によるレイアウトの場合：%による指定も、pxによる...
---tableによるレイアウトの場合：一応できるのですが、3段組...
-max-widthは、IEには効きません。widthプロパティで指定する...
-新しいやり方を見つけましたのでお知らせ致します。&br;''de...
> word-wrap:break-word;
> word-break:break-all;
> overflow:auto;
''pukiwiki.skin.ja.php に、$body を含テーブルを固定広さに...
'''114c138'''
< <table border="0" style="width:100%">
---
> <table border="0" style="width:100%; table-layout: fix...
'''127c151,157'''
< <div id="body"><?php echo $body ?></div>
---
> <table border="0" style="width:100%; table-layout: fix...
> <tr>
> <td valign="top">
> <div id="body"><?php echo $body ?></div>
> </td>
> </tr>
> </table>
これで長い整形済み行でも IE では wrap してくれる。Mozilla...
--- Operaでは だめかも > table-layout -- [[merlin]] &new{...
---ただ今 Opera 7.54 で確認しましたが、問題ないようですよ...
#comment
終了行:
**[[質問箱/2244]] [#z60a76e5]
|RIGHT:70|LEFT:410|c
|~カテゴリ||
|~サマリ|整形済みテキストのせいで横スクロールがでないよう...
|~バージョン|1.4.3|
|~投稿者|[[koedame]]|
|~状態|完了|
|~投稿日|&new{2004-07-02 (FRI) 13:45:00};|
***質問 [#w9ac9276]
pukiwiki.org のように整形済みテキストのせいで横スクロール...
skin/default.ja.css 中に
pre
{
white-space:-pre-wrap;
white-space:-moz-pre-wrap;
}
skin/ie5.ja.css 中に
pre
{
line-break:strict;
word-break:break-all;
word-wrap:break-word;
}
とあったので追加してみましたが、
IE のときにどうもうまく行きませんでした。
mozilla, opera では確かに空白文字があれば改行してくれてい...
IE のとき、ほかにも何か必要なのでしょうか？
また、mozilla, opera のときに IE のように任意の場所で改行...
よろしくお願いします。
***回答 [#ce8795d7]
-[[バイズ]] &new{2004-08-10 (TUE) 18:12:47};
~僕もいろいろ試して上手くいきませんでしたが、この設定で上...
pre
{
line-height:130%;
width:80ex;
max-width:80ex;
line-break:strict;
word-wrap:break-word; /* IE対策 */
word-break:break-all; /* IE対策 */
overflow:hidden; /* Moziila/Opera対策 */
}
これは[[質問箱/173]]を見て変更しました。CSS についてよく...
~ちなみに、PukiWiki 本家のようにブラウザの大きさを変えた...
-[[koedame]] &new{2004-08-10 (TUE) 22:03:44};
~スキンを table レイアウトから div float レイアウトに変え...
-[[バイズ]] &new{2004-08-11 (WED) 02:09:51};
~&color(white,blue){kodame さん};の言うとおりだと思います...
一つのやり方を思い出して、pre の親要素には max-width:xxyy...
れていてたら pre 自身の幅は % で設定できると思います。
~今スキンを改造中なので、検証結果が出来たらまた知らせます。
-私もpreタグで悩んでいます。バイズさんの紹介されている方...
--「word-wrap:break-word;」「word-break:break-all;」を指...
---div要素によるレイアウトの場合：%による指定も、pxによる...
---tableによるレイアウトの場合：一応できるのですが、3段組...
-max-widthは、IEには効きません。widthプロパティで指定する...
-新しいやり方を見つけましたのでお知らせ致します。&br;''de...
> word-wrap:break-word;
> word-break:break-all;
> overflow:auto;
''pukiwiki.skin.ja.php に、$body を含テーブルを固定広さに...
'''114c138'''
< <table border="0" style="width:100%">
---
> <table border="0" style="width:100%; table-layout: fix...
'''127c151,157'''
< <div id="body"><?php echo $body ?></div>
---
> <table border="0" style="width:100%; table-layout: fix...
> <tr>
> <td valign="top">
> <div id="body"><?php echo $body ?></div>
> </td>
> </tr>
> </table>
これで長い整形済み行でも IE では wrap してくれる。Mozilla...
--- Operaでは だめかも > table-layout -- [[merlin]] &new{...
---ただ今 Opera 7.54 で確認しましたが、問題ないようですよ...
#comment
ページ名:
![[PukiWiki-official]](image/pukiwiki-official.png "[PukiWiki-official]")
