フォーラム

投稿記事のレイアウト崩れ (6 件の投稿)

  1. mstk
    メンバー
    4 ヶ月前の投稿 #

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

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

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

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

  2. shokun0803
    メンバー
    4 ヶ月前の投稿 #

    ページのソースではIE7でだけ上下にずれました。
    Vista Firefox3.5、同 Chromeでずれが確認できませんでした。
    つまりIEのバグ?ですかねぇ。。。

  3. mstk
    メンバー
    4 ヶ月前の投稿 #

    shokun0803さま

    ありがとうございます。

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

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

  4. kvex
    メンバー
    4 ヶ月前の投稿 #

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

     </div>
        <div class="post">

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

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

  5. shokun0803
    メンバー
    4 ヶ月前の投稿 #

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

  6. kvex
    メンバー
    4 ヶ月前の投稿 #

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

返信

ログイン しなければ投稿できません。

About this Topic