現在位置: ホーム / TinBlog / preタグの表示

preタグの表示

作者: h2 最終変更日時 2012年02月07日 01時25分 |
カテゴリー: ,
preタグで囲った部分が溢れた時に、普通は出てくるスクロールバーが、なぜかSafariで出てこなかった件。

先日のブログで、珍しくpreタグを使ったのだが。

このなかの、特に三つ目のpreタグ内に、かなり長い行がある。

このような場合、普通はスクロールバーが出てくれるものなのだが、なぜかSafariだと出なかったのだ。

ということに、つい先ほど気がついた・・・

 

原因を調べてみたところ、このサイトで使用しているsunburstのスタイルに問題があることが判明。

「サイト管理」の「Zope管理インタフェース(ZMI)」から、 portal_skins > sunburst_styles > public.css のなかに、

 #content pre {
    background-color: #222;
    color: White;
    font-family: Consolas, Inconsolata, Menlo, "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace;
    padding: 1em;
    overflow-x: auto;
    font-size: 90%;
    margin-bottom: 1em;
    line-height: 1.25em;
}

なる設定がある。

この設定が、preタグの表示をコントロールしている部分なのだけど。

問題は、このなかにある、「overflow-x」。

これって、IE専用の拡張タグなんですけど・・・

 

・・・つーか、なぜ素直に「overflow」タグを使用しないんだろなあ。

というわけで、この部分を修正。

 

portal_skins > sunburst_styles > public.css で、 customize ボタンをポチリと押す。

すると、該当のcssが、編集可能な状態で、portal_skins > custom > public.css にコピーされる。

あとは、こちらのなかの記載、「overflow-x」の「-x」を削除して、「overflow」タグにしてやれば終了。

 

・・・えーと。

標準のテンプレートに、IE専用タグ使うのはやめて欲しい orz

 

ちなみに、このsunburstテンプレート、まだいろいろとイヤンな部分も有り。

一番気になっているのが、blockquoteタグの表示が正常に行われていない部分なのだが。

これの修正については、追々していく予定。

« 2019 年 2月 »
2月
12
3456789
10111213141516
17181920212223
2425262728