中級編-ホームページ作成SEOマニアックス

サイトのレイアウト、ファイルの配置、正しいタグの書き方や、XML文法、その他裏技などを解説します

Sponsor

メニュー一覧

記事一覧

中級編

サイトのレイアウト、ファイルの配置、正しいタグの書き方や、XML文法、その他裏技などを解説します

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

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

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

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

スタイルシートでサイトのレイアウトを作成していると、様々なブラウザで確認してみるとレイアウトがずれることがある。

特にインターネットエクスプローラー（以降IEと略）...

同じIEでもIE7とIE6では表示の方法が全く違うので、レイアウトが崩れてしまう。

IE以外のブラウザではずれないのに、こいつらだけはどうしようもないほどに崩れる駄目ブラウザである。

そんな駄目ブラウザが日本国内のシェアーの大半を占めているのであわせないわけには行かず...

と言うわけで、ここではIE7だけにCSSを適用させる手順を掲載します。

スタイルシートを使用して頑張って作ったページが、IE（Internet Explorer）とMozilla系でレイアウトがずれてしまう事ってよくありませんか？

特にInternet Explorer...

逆にIEだけは正常表示されていて、FirefoxやNetscapeなどの他のブラウザでずれてしまうと言うのは...
正直言って救いようが無いです（汗）
そのようなサイトはCSSの前にタグを根本的に見直す必要があります。。。

かく言う私も以前非常に悩んでいた事がありました。。。

FireFox、Opela、NetScape、Safariでは全くズレていないのに、IEだけがレイアウトが崩れる現象。。。

だからIEは嫌いなんだよ！！！

と愚痴をこぼしても日本人の7割が使用していると言われるIEでレイアウトが崩れてしまっては、苦労も報われないと言う物...

と言うわけで対処法です

サクラエディターの使い方文字コード変換編です。

HTML作成アプリケーションなどで作ってしまうと、ヘッダーに文字コードが付いたり、文章事態の文字コードが決定されてしまいます。
Shift_jisで運営されているサイトにUTF-8のページを掲載したいなどの特殊なケースの場合は、テキストエディター等で編集せざるを得ない場合があります。

サクラエディターを使用すれば簡単に文字コードを変換できます。

サクラエディターとは、Windowsで言うメモ帳の高機能型テキストエディターのことです。

メモ帳では出来ない機能が充実しており動作も軽いので、HTML作成にはとても便利です。

サクラエディターのほかにも秀丸エディターなどもありますが、使いやすい物を使えばよいでしょう。