« ココログデザインを変えてみた-第1弾 | トップページ | タイトルバナーの下にもう一つタイトルバナー!?-第3弾 »

2006.04.24

カスタムテーマは文字がはみ出す-第2弾

カスタムテーマは不親切です。
スタイルシートを理解してないあんたは対象外、って言われると困るけど。

何とか苦労して形になって、るんるんと記事を流し込んでみたら、いくつか問題が出ました。
まず、あちこちセンタリングにしてあるところが崩れて左寄せになっています。たぶん<div align="center">を挿入してたのが少し変だったのかもしれないけれど、リッチテンプレートのときは、素直にセンタリングしててくれたのに。
変になったところをあちこち書き直して復旧。

もっと変なのは、長いURLの記述がそのまままっすぐに外にはみ出して最後が見えなくなったりしてる。なお不思議なことに、いくら長くても折り返してきれいに入るものもあるのです。
おまけにはみ出している日の分は本文の幅も少し広がって、文章のタイトル部分と段差ができてる状態。本文右側のオレンジの線も押し出されるように消えてしまいます。みっともないことこの上ないです。

テンプレートを以前のリッチテンプレートに戻すと、ちゃんと長いURLも折り返してきれいに本文枠に収まっています。

リッチテンプレートのスタイルシートとカスタムテンプレートのスタイルシートを良く見比べたら、リッチテンプレートにはword-wrapという記述があることに気がつきました。スタイルシートリファレンスで調べてみたら、

「表示範囲内に収まりきらない単語がある場合に、単語の途中で改行するかどうかを指定する」

とあるので、これだ!とユーザースタイルの定義に加えてみたらばっちりでした。IE専用の定義だって言うところがちょっと気になるけれど。
このくらいの定義はオリジナルから入れておいて欲しいと思うのだけれど、そういうものでもないのだろうか。
ともかく今度からあんまり長いURLはそのまま乗せないことにしましょう。

body {
       word-wrap: break-word;
       }

・・・続く 

 

 

|

« ココログデザインを変えてみた-第1弾 | トップページ | タイトルバナーの下にもう一つタイトルバナー!?-第3弾 »

ココログカスタマイズ」カテゴリの記事

コメント

コメントを書く



(ウェブ上には掲載しません)


コメントは記事投稿者が公開するまで表示されません。



トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/170323/9737925

この記事へのトラックバック一覧です: カスタムテーマは文字がはみ出す-第2弾:

« ココログデザインを変えてみた-第1弾 | トップページ | タイトルバナーの下にもう一つタイトルバナー!?-第3弾 »