MacブラウザとCSS

Mac版IEを中心として、CSS関連もMacブラウザでバグが出やすいところです。代表的な不具合対策の方法などをまとめてみました。


Safari編(9件) | Mac版IE編(19件) | Mac版Firefox編(2件) | Mac版Opera編(3件) | iCab編(1件) |

|Mac版ブラウザ全般(7件) | Macブラウザ・バグ一覧トップページへ |


文字化け(17件) | JavaScript関連(16件) | CSS関連(5件) |

 Mac版IEとCSS(5件)

● Mac版IE+ココログのコメント・文字化け
http://shimax.cocolog-nifty.com/search/2005/01/macie.html
Mac版IEでは、初期設定のままでは、テキストエリア内に入力した日本語・文字が文字化けすることがあります。その原因と対策について。

● Mac版IEでだけドロップキャップが文字化け
http://shimax.cocolog-nifty.com/search/2006/09/macie_30be.html
スタイルシートを使って、最初の文字だけ大きく表示させる手法(ドロップキャップ)を使うと、Mac版IEでは、一文字目が半角英数字ではなく、2バイト文字であった場合、文字化けします。文字化けの仕方にも法則性があります。

● Mac版IEとCSSハック(@importに関するバグの利用)
http://shimax.cocolog-nifty.com/search/2006/09/maciecssimport_9fd5.html
CSSの@importの際に、「@import 'import.css';」のように、シングル・クォートを使うと、Mac版IEでは読み込まれません。「@import "import.css";」のように、ダブル・クォートを必ず使わなければなりません。これを逆手にとると、Mac版IEのみ特定のスタイルシートを適用させないCSSハックも可能になります。

● Mac版IE CSSハック PartII(半角円マークや特定漢字をコメントに使う)
http://shimax.cocolog-nifty.com/search/2006/09/macie_csspartii_8e68.html
Mac版IEでは、CSSファイルの中に半角円マーク(バックスラッシュ)を使うと、それ以降のスタイルシートは無視されるというバグがあります。これを逆手にとると、、Mac版IEのみ特定のスタイルシートを適用させないCSSハックも可能になります。また、実は半角円マークが問題ではなく、「表」「能」「申」などのCGIプログラマーにおなじみの漢字がコメントに混じっている場合も不具合が発生します。

● Mac版IEとAmazonおまかせリンク
http://shimax.cocolog-nifty.com/search/2006/09/macieamazon_dd0e.html
Mac版IEではAmazonのおまかせリンクを表示させると、真っ黒の広告しか表示されない理由を説明しています。基本的には、Mac版IEのCSSの不具合ですが、回避策がないわけではありません。

▲ ページトップへ