2.0→3.0

約一年半ぶりにBlogのデザインを変えてみました・・・が!
どうやってもWin版IE6以前でのレイアウト崩れが直らないんです。

崩れているのはトップページのエントリ概要が最新5件並んでいるところ。下に行くほど数ピクセルずつ左にずれていくんです。
それもborderはそのままで中身だけ・・・。
色々やってみましたがぜんっぜんワカラン!
誰か対処法が分かる方・・・オシエテ・・・オネガイ。

とりあえずMacではSafari、FireFox共にOK。WinでもFireFoxでは大丈夫っぽいので強行でデザイン変更してみました。
何か気付いた点があればご報告ください。
よろしくお願いします。

8 thoughts on “2

  1. IEは使用していませんが体裁崩れはわたくしのブログでも同じ症状ですよ。使用しているブログのコードをIEが正しく表示しないあるいはさせないのが原因ではないでしょうか。iBlog Slow CafeエントリータイトルのシャドウはFireFox, IEでも表示されません。

  2. うろ覚えですが、h2タグの中にdivタグがあると、同じような症状が出たと思いました。
    あと、タグが複雑にスタッキングしたような構造だと同様にズレズレになったと思います。間違いないとは言い切れないのですが。

    ちなみにh2はインライン、divはブロック要素でありその使用法は明確に異なる。のだそうです。

  3. >Slow Cafeさん
    ホントIEのコード読み取り能力の低さ(というか勝手すぎ)には参りますよねぇ。
    フォントシャドウはWebkit系のCSSなので今のところSafariだけで再現されるんじゃなかったかな?

    >會澤さん
    h2タグの中のdivを取ってみましたが症状変わらずでした・・・。
    極力スタッキングしないように・・・って考えるんですがやっぱり無理がありますよね。
    IE8でCSSをきちんと読んでくれるようになることを祈るばかりです。

  4. >善麻呂さん
    トップページのエントリが並んでいるところが下に行くほど左にずれていると思うのですが・・・。
    見てる人の環境によって変わるのかなぁ?

  5. >さとさん
    よかった。

    >ぴろさん
    ありがとうございます。
    自己満足で作ったけど見やすいって言ってもらえて良かった〜。

コメントを残す

Previous post 大人の食事会 #07
Next post てんぷら天川

translation

Category

Archives

Twitter