サポート » プラグイン » lightboxがIEのみセンタリングされない。

lightboxがIEのみセンタリングされない。

  • nashica

    (@nashica)


    15年前

    こんにちは。ご覧いただきありがとうございます。
    先日lightboxプラグインをインストールしました。
    動作はしているのですが、IEでの表示がおかしいです。
    IE6では表示全体が左寄せで幅が小さく、IE7ではバックの黒い部分のみ左側に、
    firefoxでは正常な動作です。

    cssもjsも全く触っていないノーマル状態なんですが、JSのコンフリクトとかでしょうか？
    どなたかお知恵を拝借です。

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

    (@akihiro)

    15年前

    まずは表示上の問題で、IEの有名でご迷惑なバグのせいでしょうね。
    JavaScriptの問題だと動作しなかったり動作が不安定だったりします。

    IE6で左に寄っちゃうのはCSSでmargin:auto;を解釈できないからだと思います。
    その場合、IE6用のハック（セレクタの前に* htmlを当てる）というのを使って、IE6にだけ該当要素にtext-align:center;を指定すると、とりあえずセンターに表示されるだろうと思います。

    IE7の場合、margin:auto;は解釈すると思うので別の問題でしょうね。ちょっと提示された内容からだけでは情報不足です。IE7にはセレクタの前に*:first-child+htmlつけて固有の指定をしてやるのが対処方法ですが・・・。

    他にも同じ要素内でwidthやheightと同時にpaddingやmarginを指定すると、まあ面白いくらい崩れてくれます。いちいち誤差を計算してハックをかけるのが面倒なので、私の場合、widthやheightとpaddingやmarginがかち合わないようにdivとかの要素を二重にしています。htmlが冗長になるためとても美しいものとは言えませんが。

    でも、プラグイン側のCSSでこれくらいのことは普通対処してそうな気がするのですが・・・。CSSとかどうなってるんでしょう？

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • トピック「lightboxがIEのみセンタリングされない。」には新たに返信することはできません。

表示