Twenty Twelve のデザインをIE8に適応させる

clubringo.comをie8で見た所、いろんな所が正しく表示されていませんでした。

これをなるべく正しく表示させるには、どうするのが最適でしょうか?
ちょっとした角丸くらいは、別にいいけど、大きなレイアウトの崩れは直したいと思います。
(完全にじゃなくてある程度は)
だからポリフィルじなくて、プログレッシブ・エンハンスメントかな?

普段html5でサイトを作成する場合、以下の記述をhtmlのheadの中に入れています。

clubringo.comもその方法で良いかな?だとしたら、この記述をどこにいれたらいいでしょうか?

また、以前サイトを制作した下際に下記の記述をheadにしてie8専用のcssファイルを作り
そこに色々書きました。こういうファイルも作った方がよいかな?

よろしくお願いします。

カテゴリー: 質問と回答, 運営 | 投稿日: | 投稿者:
真中のぶ

真中のぶ について

The B.B.BoogieというバンドでVocalをしています。サーフィンもします。シングルフィンのクラッシックなロングボードに乗っています。ウェブデザイナーでもあります。タカハシ先生の一番弟子ですが時々すっとこどっこいな質問をして校庭10周と言われます。「パソコン倶楽部りんご」は僕が命名しました。ジョブズさんに敬意を表して。好きなcssはmargin{0 auto;}

Twenty Twelve のデザインをIE8に適応させる」への4件のフィードバック

  1. タカハシ先生タカハシ先生

    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だけを狙い撃ちで修正することが可能です。

    返信
  2. ジェイ子ジェイ子

    投稿の内容じゃないんですけど。。。すみません。
    アイキャッチの画像はどこで入手したんですか?教えて下さい。

    返信
    1. 真中のぶ真中のぶ 投稿作成者

      例えば、ieロゴマーク画像とかwordpressロゴマーク画像で検索してみて下さい。
      たくさん出てきます。それを名前を付けて保存して下さい。
      僕は、ieとWPを別々に検索して、各マークを保存して、それを
      FireWorksで編集しました。

      返信

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


This site uses Akismet to reduce spam. Learn how your comment data is processed.