IE8のレイアウト崩れをを直すことができません

  • 解決済 fumisiro

    (@fumisiro)


    12年、 1ヶ月前

    初心者です。何回もこのフォーラムで助けていただいております。Pilot Fish というテーマが非常に気に入っていて自分個人のブログを作っています。IE8のレイアウト崩を直したいと思って挑戦しましたが、どれもうまくいきません。やってみたのは次の方法です。

    1. header.phpの<head>に<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ />を入れる

    2.html5shivをダウンロード、その中のhtml5shiv-printshiv.jsをテーマの.jsにダウンロード。header.phpの<head>に<!–[if lt IE 9]><script src=”dist/html5shiv.js”></script><![endif]–>を入れる

    3.ここにのっている@mediaを@media screen andにする

    4.プラグインRespond.jsを入れてみた。

    です。そのうちRespond.jsだけは、トップページの崩れは解消されましたが、固定ページのギャラリーのサムネイルの一つ一つの比率と並びがかなり崩れます。

    お恥ずかしいですが、アドバイスをいただきたいのでアドレスを出します。http://birdsongs.meとくにここのライブラリ小鳥類、ライブラリ猛禽類です。

    大変お手数をおかけしますが、対処方法などございましたら、ご教示いただければ助かります。よろしくお願いいたします。

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • nobita

    (@nobita)

    12年、 1ヶ月前

    こんにちは

    トップページに関しては、
    link 要素をbodyには書けません

    <link rel="stylesheet" type="text/css" href="http://birdsongs.me/wp-content/plugins/wp-facebox-gallery/facebox3.css" />

    html要素開始タグがないです<html>

    head要素が閉じていません。
    </HEAD>タグがありません
    ギャラリの幅に関しては、

    .gallery-item {
	width:auto;
}

    のルールの影響を受けているかもしれないです。IE8だけこのルールをはずしてみてください
    他にも問題はありそうですが、

    htmlの構造にかなり問題があるので、まずhtmlを正しい構造にするのが先決だと思います。

    http://www.htmllint.net/
    や
    http://validator.w3.org/unicorn/

    等で、htmlの構造を正しいものに、修正してください

    トピック投稿者 fumisiro

    (@fumisiro)

    12年、 1ヶ月前

    nobitaさま
    ご親切に感謝いたします。
    構造をチェックすると確かにひどいです。私に直せるかどうかわかりませんが、できるだけ修正してみます。
    幅のルールの件、IE8だけ除外する方法がわかりませんので、該当するcssの記述をとりあえず削除してみました。すごいです。サムネイルの比率が正しく表示されました。嬉しいです。後はこれで並びを直せれば助かります。自分でもやってみますが、もし気づいたことがあればアドバイスをお願いします。ありがとうございます。

    トピック投稿者 fumisiro

    (@fumisiro)

    12年、 1ヶ月前

    nobitaさま
    お世話になります。
    やっていることが正しいかどうかわかりませんが、サイズをサムネイル画像の125pxを直接入力したらうまく表示できました。とても嬉しいです。本当にありがとうございました。後はご指摘のhtmlを直していきます。今後ともご指導のほどよろしくお願いいたします。

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • トピック「IE8のレイアウト崩れをを直すことができません」には新たに返信することはできません。