We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 15675
    • 11 Posts
    こんにちは。

    Modxを使用してコーポレートサイトを制作したのですが、
    IEのみ表示が崩れていしまいます。

    下記のサイトからURLを確認していたでき、
    アドバイス、または対処方法をご教示くれますでしょうか。

    http://www.acre8.com

    よろしくお願いいたします。
    • おおっ、いいデザインですね cool

      <!--[if IE]>
      <link rel="stylesheet" type="text/css" media="screen,projection" href="lib/c/ie.css" />
      <![endif]-->
      <!--
      <style type="text/css">
      @import url("style/default.css");
      .style1 {color: #666666}
      </style>
      -->
      
      <!---<base href="http://acre8.com" />--->


      パッと見た感じ、このへんは大丈夫ですか?
        • 15675
        • 11 Posts
        レスありがとうございます。

        確認したところ、指定されたie.cssURLが間違っていました。

        しかし、ie.cssには今のところ同じCSSが記述されているため
        内容的には全く問題ないという感じです。

        BASE URLなどのもんだいなんでしょうか・・・・

        考えられる、ポイントがあればご教示願います。
        初心者的質問でもうしわけないです。


          • 6158
          • 224 Posts
          css ファイルの読み込みでなく、ベタで css を書いたらどうなりますか?
            • 19033
            • 892 Posts
            こんにちは。
            詳しくは見ていませんが、まず、CSSの問題からかたづけてみましょう。

            CSSに2バイト文字を記述する際には、行頭に保存形式のキャラクタコードを入れないと、
            CSSがきちんと反映されない場合があります。
            見たところ、キャラクタコードを指定しておられないようで、かつ、CSS中に
            2バイト文字によるコメントがあります。まず、CSSの先頭行に、キャラクタコードを
            挿入してみてください。

            例えば、
            @charset "UTF-8";
            などです。そして、かならず、ここで指定したファイル形式で保存します。
            これが違うとCSSが正しく反映されない場合があります。
            そのあたりをまず確認してみてください。


            追記
            あ、utfで保存する場合は、念のため bom なしにしてください。
            utf-8n という形式です。
              • 16481
              • 31 Posts
              こんばんは
              スタイルシートをざっとみた感じでは、MEGUさんが言われるように
              保存に問題がありそうな気がしますが・・・

              私は、IEの方がバグが多いので いつもIEを見ながらコーディングしてます。
              もちろんFirefoxで確認しながらですけどね。

              それとよく あれ?と思う現象にぶつかった時には、background-color を
              適当な色で設定して確認するようにしています。
              これで 結構原因がみえてきますよ wink

              <div class="aa"> </div>の中に<div class="left"> </div>と<div class"right"> </div>を
              floatで並べる時の横幅を aa-3px=left+right にしないとIEでは、表示がずれるのですよ。
              このあたりは、大丈夫ですか?

              保存方法と合わせて 一度確認してみてください。