ブログタイトルでHTMLを有効にするカスタマイズ(その3)
近日、タイトルにアイコンを付加した場合IE6ではタイトル部分がつぶれたようになってしまうことへの対応はないものか・・・、この検証をずっと行ってました。
試行錯誤の結果、タイトル部分のスタイルシートにwidthとheightを記載することで、バックグラウンドの画像はなんとかつぶれずに表示することはできました。ここまででかなりの手間でしたが・・.
ただテキストの表示位置が上にずれて表示されてしまうのがなかなか改善できない。まだこうスッキリできる解決策が見つからないでいる。
一応妥協案で文字タイトル部分はズレないで表示される方法として、画像側に align="right" とすることで画像を右側に表示する方法としてみた。
これだと、IE5.5、IE6、IE7ではタイトル右下にアイコンが表示され、IE8、Firefox、GoogleChrome では右上にアイコン表示される。いまのところ妥協案ではあるが、今後も対処法方が見つければ記事にまとめたい。
- 関連記事
-
- ブログタイトルでHTMLを有効にするカスタマイズ(その4) (2010/01/24)
- 動作テスト記事 (2010/01/24)
- ブログタイトルでHTMLを有効にするカスタマイズ(その3) (2010/01/24)
- ブログタイトルでHTMLを有効にするカスタマイズ(その2) (2010/01/22)
- ブログタイトルでHTMLを有効にするカスタマイズ (2010/01/22)
※見てくださった方々へ、、ご参考になれば幸いです。よろしければ「拍手」頂ければウレシイです
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() |