上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
 今回、全テンプレートについて一カ所修正いたしました。
 特殊な場合(画像の回り込み+リンク・フロート・テーブル・拡大機能)に、IEでの不具合が生じることがあります。

 気になる方は、以下の情報を読んで、任意で修正してください。
 以下の情報は、2010/8/30前後までに当サイトテンプレートをダウンロードされた方が対象です。


どういう不具合か


 IEで表示する際、画像の回り込みにハイパーリンクを付けたときに生じる不具合です。

<a><img align="left"></a>

 このように記述すると、画像の横に文字が回り込みません。リンクタグ(<a>)がない場合は正常に回り込みます。


 ただ、これを修正すると、IEでテーブルやフロート、拡大表示をしたときに、微妙なレイアウト崩れが発生する可能性があります。
 つまり、

(回り込みでリンクを張らない方)
→テンプレートはそのままで大丈夫です。

(画像の回り込み+リンクタグのセットをよく使うかた)
→次の章で説明する部分を修正してください。

(どちらも使用しない方)
→問題ありません。

(どちらも使用する方)
→「IE バグ zoom」で検索し、異常箇所を個別に修正するしかないかも知れません。テンプレート側で「記事テキストDIVボックス」へ一括指定すると、あちらが立てばこちらが立たず、こちらが立てばあちらが立たない状況になるようです。



問題箇所


 古いテンプレートでは、スタイルシートの編集画面一番上の項目が

*{
margin:0;
padding:0;
word-break:break-all;
zoom:100%;
}


 このようになっています。
 これは、IE8以外で、特殊なテンプレートを組んだとき、ある条件が重なったとき(IE6,7それぞれ、違うバグが出るようです。マイクロソフトの人じゃないと、恐らくよく分からない)に発生する予期できないバグ(フロートやテーブルなど)を回避する保険です。
 しかし、この保険自体もバグの発生原因になると言うことで、今回撤去いたしました。

 フロートやテーブル何かがおかしい場合は、この赤字部分を取ったり付けたりして検証してみてください。
 申し訳ない、私はIEとは2年くらい戦っていますが、正直手に負えません。
 もちろん研究を放棄はしませんが、当面はそれを了承された上でテンプレートをご利用頂ければ幸いです。

 参考リンク
IEでのCSSのバグを回避するhasLayout | コリス
これで安心回りこみ解除 | Rif.3rd


 今回、FC2の「画像挿入」機能の点を考慮して、zoomを撤去しています。FC2では、デフォルト状態で画像を挿入すると、リンクタグが自動で付いてくるため、全テンプレート修正に踏み切っています。
このエントリーをはてなブックマークに追加
Mon.08.30.2010
Comment
Trackback
Comment Form
質問するときは?
  • 不具合が出ているページのURLを書き込む。
  • 使っているブラウザ(IE、Firefoxなど)を書き込む※IE6はサポート外です。
  • 次の人が確認できるように、使っているテンプレートの記事ページ、或いは各カスタマイズ記事ページにコメントを書きこむ。
コメント時の注意
やっぱり自分で解決したい時
特定の記事のみでレイアウトが崩れる場合
全ページでレイアウトが崩れる場合
メールフォーム
Bookmarks
Page Top
Copyright © SAKILab All Rights Reserved.
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。