• テーマにtanzakuを使用しています。

    デフォルトでは下側にあったサイドバーを左側に設置したところ
    FirefoxやSafariではサイドバーをよけてグリッドが表示されていますが
    IE8ではグリッドがサイドバーに重なって表示されてしまいます。

    初心者のためどのような対策をとったらいいのかわかりません。

    申し訳ありませんがご教示願えませんでしょうか。
    よろしくお願いいたします。

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • モデレーター のむらけい (Kei Nomura)

    (@mypacecreator)

    WordPressの事ではなく一般的なHTML+CSSの記載ミスによる現象かと推測されますので、実際のソースを見ないと回答は難しいかと思います。

    その現象が起こっているサイトのURLをここに貼ることは難しいですか?

    トピック投稿者 ritzcocco

    (@ritzcocco)

    失礼しました。
    こちらが制作中のサイトURLになります。

    http://maga-p.pupu.jp/

    よろしくお願いいたします。

    モデレーター のむらけい (Kei Nomura)

    (@mypacecreator)

    position:absoluteの挙動はIE8でも少々怪しい部分がありますからねー。
    しかも直書きでなく、iQueryから付与してるところなのでよけい。

    #sideber2areaを#grid-wrapperの外に出してみたらどうでしょう。
    もしくは、post部分をもう一つdivで囲むなど。

    トピック投稿者 ritzcocco

    (@ritzcocco)

    mypacecreatorさん

    ありがとうございます。

    >#sideber2areaを#grid-wrapperの外に出してみたらどうでしょう。
    >もしくは、post部分をもう一つdivで囲むなど。

    ご指摘いただいた両方試してみましたがうまく行きませんでした。
    でも、position:absoluteの問題らしい事がわかっただけでも前進です。

    こんにちは、
    ソースを見ると、doctype小文字になっていますが

    <!doctype html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    普通は、以下のように書くんだろうと思います。

    <?xml version="1.0" encoding="utf-8"?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    ドキュメントタイプ宣言は、ブラウザの内部スイッチになっています。
    互換モードで動作させると、トラブルシューティングが困難になるので、
    標準モードで動作させてみては、いかがでしょうか?
    (これで標準モードで動くよ、ということなら、忘れてください)

    また、余計なお世話ですが、キャッシュを作る時?改行とか全部フィルタしているんだと思いますが、戻してみると、いいかもと思いました

    トピック投稿者 ritzcocco

    (@ritzcocco)

    >nobitaさん

    返信おそくなってしまい申し訳ありません。
    アドバイス、ありがとうございます。

    headerを確認したところドキュメントタイプ宣言は大文字で書かれていました。
    改行もとくにとくになにもしていないんですが…

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • トピック「tanzaku サイドバーの設置」には新たに返信することはできません。