clubringo.comをie8で見た所、いろんな所が正しく表示されていませんでした。
これをなるべく正しく表示させるには、どうするのが最適でしょうか？
ちょっとした角丸くらいは、別にいいけど、大きなレイアウトの崩れは直したいと思います。
（完全にじゃなくてある程度は）
だからポリフィルじなくて、プログレッシブ・エンハンスメントかな？
普段html5でサイトを作成する場合、以下の記述をhtmlのheadの中に入れています。
|
1 2 3 |
<!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> |
clubringo.comもその方法で良いかな？だとしたら、この記述をどこにいれたらいいでしょうか？
また、以前サイトを制作した下際に下記の記述をheadにしてie8専用のcssファイルを作り
そこに色々書きました。こういうファイルも作った方がよいかな？
|
1 2 3 |
<!--[if IE 8]> <link href="css/ie8.css" rel="stylesheet" type="text/css"> <![endif]--> |
よろしくお願いします。
header.phpを見てみましょう。IE9未満ではhtml5.jsが読み込まれるようになっています。
これ以上、読み込む必要はありません。
また、IE8であれば、class=”ie ie8″が、IE7であればclass=”ie ie7″が付与されるように、
ie用のifコメントでhtmlタグに仕掛けがされています。つまり、
#hoge { color:red; } というcssを、ie8だけ変更したいときは、
.ie8 #hoge { color:blue; } と、style.cssに書けば、他のブラウザに影響を与えずに、
IE8だけを狙い撃ちで修正することが可能です。
先生。
分りやすい説明ありがとうございます。時間を見て直していきます！
投稿の内容じゃないんですけど。。。すみません。
アイキャッチの画像はどこで入手したんですか？教えて下さい。
例えば、ieロゴマーク画像とかwordpressロゴマーク画像で検索してみて下さい。
たくさん出てきます。それを名前を付けて保存して下さい。
僕は、ieとWPを別々に検索して、各マークを保存して、それを
FireWorksで編集しました。