Safariでのcssレイアウトずれ対処

CSS（スタイルシート）を使ったサイトで、Safariで見たときにズレてしまう場合の対処法です。（cssハック）

Sponsor

メニュー一覧

記事一覧

IE7やIE6でのcssを使ったズレの対処法を以前に書いたが、

今回はSafariのズレの対処法。

どうせならMac用Safari・Windows用Safari両方に対応しているものの方が良いですよね？

てな訳で、まぁ、世間で言うCSSハックってヤツですが困っている方は使ってみると良いでしょう。

使い方は簡単で、スタイルシートに

/* safari only \*/
/*\*/ html*

を書けばよいわけです。

例として、#exampleと言うidをSafari用に直したい場合は

/* safari only \*/
/*\*/ html* #example{
float:right;
width:190px;
height: 30px;
}

見たいな感じで書けばよいわけですな。

これでWindows版、Mac版両方のSafariで対応できちゃいます。

Safariでのcssレイアウトずれ対処に関連したエントリー

CSS（スタイルシート）を使ったサイトで、Safariで見たときにズレてしまう場合の対処法です。（cssハック）

CSSハックを利用したインターネットエクスプローラー7でのレイアウトずれの対処方法です。インターネットエクスプローラーは、CSSの読み込み方が他のブラウザ（Mozilla系など）と全く違い、しかもバージョンによっても表示の仕方が全く異なり、レイアウトがずれてしまう困ったブラウザです。

スタイルシートを使用したサイトが、IE（Internet Explorer）だけレイアウトが崩れてしまう現象の対処法です。

文字コード変換をサクラエディターを使用して行う手順です。簡単に出来る上に動作も軽いのでスクリプトの書き換え等にも重宝します。

サクラエディターとは、Windowsで言うメモ帳の高機能型テキストエディターのことです。メモ帳では出来ない機能が充実しており動作も軽いので、HTML作成にはとても便利ですので、今回はインストール手順を掲載します。