サポート » その他 » 投稿記事のレイアウト崩れ

  • 初心者なので、説明がわかりずらかったら申し訳ありません。

    投稿記事をfloat leftで指定して、横に並べると
    firefox、~IE7では一番左の記事が上に20px程、
    safari、Operaでは一番右側の記事が下に20px程ずれてしまいます。
    (IE8は大丈夫でした。)
    ↓こちらのようになってしまいます。
    http://missticka.com/test/wordpress/

    CSSのソースを見直しましたが、特に問題がなさそうです。

    何が原因と考えられるか、また解決方法等ご教授頂けると幸いです。
    宜しくお願いします。

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • ページのソースではIE7でだけ上下にずれました。
    Vista Firefox3.5、同 Chromeでずれが確認できませんでした。
    つまりIEのバグ?ですかねぇ。。。

    トピック投稿者 mstk

    (@mstk)

    shokun0803さま

    ありがとうございます。

    私のPCはXPのFirefox3.0なのですが、下記のように
    ズレてしまいます。
    http://missticka.com/test/wordpress/image.jpg

    IE8だと大丈夫なんですが・・・

    バグじゃないと思いますけど・・・
    各ボックスの<div>開始ですが

     </div>
        <div class=”post”>

    これが4つありますよね?
    <div class=”post”>
    の前がインデントされていますが、全角スペースが数個入っています。

    ずれているのではなくて、ちゃんとソース通りに表示されてると思いますが。ご確認下さい。

    確かに!
    全角スペースを削除して試すとVista IE7でもずれませんでした(汗)
    こんな基本的なことを見逃すなんて、なんということでしょう・・・

    IEでは試してませんが、Firefoxで表示させて CTRL+A で全選択してみただけでけっこう解決でしたよぉ。

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