スポンサーサイト 

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
[ --/--/-- --:-- ] スポンサー広告 | トラックバック(-) | コメント(-)

IE6で画像の横に文字を配置すると、文字が消える現象 

画像の横に文字を表示する、いわゆる回り込みをすると、
回り込みした文字が消えて見えなくなる現象が起こることがあります。
反転する、もしくブラウザサイズを小さくすると見えるようになりますが、
根本的な解決策ではありません。
この現象はIE6のCSSバグなので、スタイルシートを手直しすると解決します。


entry_text {
_width: 100%;
}


現在使用しているテンプレートは、上のように
スタイルシートの entry_text に赤色の部分を追加してみたところ、解決に至りました。
テンプレート製作者様に教えて頂いて、ようやく直すことができました。ありがとうございます。



我流で調べたところ、対応策が他にもあるようです。
もしかしてテンプレート毎に異なるのかな?

blogbody もしくは body に、 width:100%; を追加するいう方法もありました。
(今現在使用しているテンプレは、この方法では解決できませんでした。)

_(アンダーバー)が有るかナイかは、
IE以外にはwidthとpaddingを同時に読ませたくないか読ませたいか、とのこと。

blogbody{
width:100%;
}


また、
「floatを設定した上でmarginを設定するとエラーが生じる」ので、
「marginを設定するのを諦めて、paddingで設定すれば良い」、
らしいです。
私は、この辺りになるとチンプンカンプンです。

スタイルシートのどっかに、 
_width: 100%;
を追加すると解決するらしい…、
というのがイチ素人の感想です。
試すときは、要バックアップです。
 


テンプレ作者様からの解決策:http://myhurt666.blog22.fc2.com/blog-entry-28.html
FCブログ ユーザーフォーラムに記載の解決策:http://blog.fc2.com/forum/viewtopic.php?t=5758

以下は、参考にさせて頂いた記事です。
blogbodyに追加する解決策:http://mado.livedoor.biz/archives/9971791.html
親ブロック要素にwidth指定するべし:http://hela.blog.shinobi.jp/Entry/84/
floatとmarginとpadding:http://web.fruy.com/archives/20060518237.php#trackbacks


承認待ちコメント

このコメントは管理者の承認待ちです
[ 2012/01/21 19:19 ] [ 編集 ]

承認待ちコメント

このコメントは管理者の承認待ちです
[ 2012/01/16 11:09 ] [ 編集 ]

承認待ちコメント

このコメントは管理者の承認待ちです
[ 2012/01/15 17:26 ] [ 編集 ]

コメントの投稿














管理者にだけ表示を許可する

トラックバック

この記事のトラックバックURL
http://viaje.blog14.fc2.com/tb.php/334-b6af422d


上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。