「背景画像」タグアーカイブ

safari4スタイルシート崩れる。フォントの表示に問題

注意:この内容に関して、弊社で一切保証するものではありません。
safari4.0.4or4.0.3 のCSS(スタイルシート)が崩れる。またはフォントの表示がおかしい。

 

現象:CSS(スタイルシート)をSJISファイルで書いた場合、共通定義が正しくない。
(MacOS X 10,WindowsXP 7)

対処方法:
@import url(style.css);
ファイルのインポートができない場合がある。
MacでもWindowsでも発生する可能性があります。
なるべくimportを使わず、HTML側で複数のCSSファイルの指定をする。

 

現象:WindosXPのみでH1の文字のフォントの向きが横向きになる場合

対処方法:
ブラウザの標準フォントに問題があるようなので、下記の指定(Appleのサイトと
同様)にすると解決します。ブラウザの標準フォントを変えるという
手もあるのですが、全ユーザーにそれはできないので。
body { font-family: “Lucida Grande”, “Hiragino Kaku Gothic Pro”, “ヒラギノ角ゴ Pro W3”, “MS Pゴシック”, Geneva, Arial, Verdana, sans-serif; }

 

現象:背景画像(backgroundの指定)のブラウザーの端部分が上にあがっている場合。(Mac,Windowsの両方で発生)

 
対処方法:
原因が不明なのですが、CSS(スタイルシート)ファイルの1行目にコメントが入っているとこの現象が発生する場合があります。