2004年11月01日

Blogカスタマイズ53〜毎日記タイトルに背景色を入れると文字が消える場合の解消法〜

今回のカスタマイズでBlogを始めた頃からの悩みが一気に解消されました。
PADDLE」さんに大感謝です♪
(毎日記タイトルに限らず、文字が消えてしまうという箇所のCSSに書き加えると解消されるかもしれません)

ただ、これを設定する事で別のところが崩れる場合もあります。
(3カラムのもので試してみたところ、IE6では正常に表示されるようになりましたが、
ネスケの方では、titleに設定した場合は毎日記タイトルが右に長くなり、
blogbodyに設定した場合は毎日記本文全体が少し右寄せになってしまいました。
色々試せばちゃんと設定出来るのかもしれませんが)

★毎日記タイトルに背景色を入れると文字が消える場合の解消法

「Blogの設定/管理」→「デザインの設定」→「custom」

title もしくは blogbody 内に width:100%; を書き加え、保存、再構築(CSS)をします。


【独り言】
この文字消えはIEにしか起こらないもののようです。
最近になって、widthが何かしらに役に立つ事に気付いたのですが、まさかここでも役に立つとは!
ちなみに、今までは height(高さの設定)で一時しのぎをしていたのですが、これでIEは解消されるけど、
今度はネスケの方の高さが忠実に固定されてしまい、タイトル文字が長い場合に背景からはみ出てしまうという事態が起こっていました。
(IEの方はその設定が無視されるのは何故だろう。困ったもんだ。笑)
しかし、これを設定すると新たに問題が発生する場合もあるので、これまた悩みになりそうな感じです。
(次回のテンプレート作成時にどう対処したらいいのか考えてみたいと思います。笑)

【追記】2005/4/15
width:100%;で解決出来ない場合は、height:100%;を入れてみるといいかもしれません。
私は3カラムにした時に、.blog{ 内に height:100%; を設定する事で上手くいきました。
(.blog{ はトップページの記事部分全体と個別記事全体を設定する時に設定します)



 ■【堀江貴文・ホリエモンもオススメ!】 パソコン教室!397時間動画パソコン教室DVD4枚組!
   ホームページ作成、オフィス(ワード、エクセル、パワーポイント、アクセス)2003/2007、Photoshop、Illustrator、Dreamweaverなど
   29ジャンルが自宅で学べます!
 ■離婚大全集〜圧倒的有利に離婚する方法〜
   離婚経験者の専門家が、27冊の書籍やテレビでは語れない裏ワザがここに。
 ■運動なし!代謝を高めて無理なくやせるDLダイエットサポート 太らない身体が目標!
 ■【15秒筋トレ】自宅でお金をかけない肉体改造! 目標はゴリマッチョ?細マッチョ?
 ■1,353人のメガネ使用者がわずか3日で視力が1.0に!!見える!驚異の視力回復法 自宅で簡単に視力アップ!
 ■【ホリエモンブログ】で紹介されました!【せどり】でリッチ☆に!最強せどりツール【せどリッチforCD】
 ■ダウンロード販売と人と人をつなぐコミュニティ・コマースのインフォカート
 ■引っ越しを考えている方必見!すごいっ!
  ・全国賃貸情報【アパマンショップ】

  ・引越し一括見積もりサイトの決定版!【引越大手比較.com】

 ■ロリポップサーバーのドメインが65種類 → 85種類に!!初心者でも安心なサービスがあります♪

 ■ ダイエット商品人気ランキング
  この夏はみんなのオススメダイエットにチャレンジ!
 ■ラブコスメティックすごいっ!
  人に言えない身体の悩みをすっきり解決しましょう♪

よろしければ人気blogランキングにご協力を!

この記事へのトラックバックURL

  迷惑トラックバック対策のため、トラックバックはこちらでチェックした後、アップさせて頂いておりますので、ご了承下さい。

(Cookieに投稿者情報を記憶します)
 
コメントをプレビューする
ご利用のブラウザの設定ではご利用になれません。