ブログタイトルでHTMLを有効にするカスタマイズ（その３）
近日、タイトルにアイコンを付加した場合ＩＥ６ではタイトル部分がつぶれたようになってしまうことへの対応はないものか・・・、この検証をずっと行ってました。
試行錯誤の結果、タイトル部分のスタイルシートにwidthとheightを記載することで、バックグラウンドの画像はなんとかつぶれずに表示することはできました。ここまででかなりの手間でしたが・・
.
ただテキストの表示位置が上にずれて表示されてしまうのがなかなか改善できない
。まだこうスッキリできる解決策が見つからないでいる。
一応妥協案で文字タイトル部分はズレないで表示される方法として、画像側に align="right" とすることで画像を右側に表示する方法としてみた。
これだと、ＩＥ５．５、ＩＥ６、ＩＥ７ではタイトル右下にアイコンが表示され、ＩＥ８、Firefox、GoogleChrome では右上にアイコン表示される。いまのところ妥協案ではあるが、今後も対処法方が見つければ記事にまとめたい。
- 関連記事
-
- ブログタイトルでHTMLを有効にするカスタマイズ（その４） (2010/01/24)
- 動作テスト記事 (2010/01/24)
- ブログタイトルでHTMLを有効にするカスタマイズ（その３） (2010/01/24)
- ブログタイトルでHTMLを有効にするカスタマイズ（その２） (2010/01/22)
- ブログタイトルでHTMLを有効にするカスタマイズ (2010/01/22)
  記事タイトル レイアウト変更 を行いました(2010.02.09)
 記事に tag関連エントリの自動表示 を行うようにしました(2010.01.05)
  伊東温泉・共同浴場１０湯比較リスト 公開しました！(2009.12.20)
表示高速化のため、記事を要約して表示する方法へ変更しました(2009.12.13) 伊東温泉共同浴場温泉マップ 公開しました！
★全国駅前温泉リスト★ 随時更新中 (2010.8.17 更新)  |
投稿後は管理人承認待ちとなり、承認の上公開されます。記事とは関係のないトラックバックは予告なく削除対象となりますので予めご了承ください。
