知識、知恵のカタマリ

[PR]コレがGoogleの検索ストーリー

解決済

clip!clip!
Ads By Google

シンプルデザイン「BlueFrame」のIEでの表示について質問です。

上記テンプレでブログ(ttp://infomew.livedoor.biz)を作っているのですが、
IEだと記事の部分が画面の途中までしか表示されません。
Firefoxだと、きれいに画面の端まで表示されます。

IEとFirefoxとで記事の幅の指定の認識(?)に違いがあるせいだと思いますが、
これはどうにもならないのでしょうか・・・。
「テンプレが崩れる」とまではいかないのですが、出来ればきれいに
表示されるようにしたいのです。


どなたか解決策をご存知の方がおられましたら、教えて頂けないでしょうか?

宜しくお願いします。

2009-02-11 01:40の質問
FireFox  IE  テンプレート  
Firefox
Firefox のホームページはこちらです
www.mozilla-japan.org/products/firefox/
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(1)

1.

2009-02-11 03:11:01ベスト
他にも方法はあるかもしれませんが、
IEでおかしくなるので、IEで大丈夫にすればいいという考えで
スタイルシートの
.blog{
    position:absolute;
    top:97px;
    left:230px;
    right:0px;
    margin:0 auto 30px;
    padding:80px 20px;
    text-align:center;
}
の部分の最後の所に、
    width:expression(document.body.clientWidth-230);
の1行を加えて全体の幅からleft で指定した値を引くように設定します。

Firefox などでは、この指定は無効になり、
width:auto;
として表示されます。
回答レベル : アドバイス

BLUEPIXYさん、いつもありがとうございます。
お陰さまで無事解決しました。

Ads By Google

コメント(1)

#1.  BLUEPIXY
2009-02-13 01:47:54

解決して良かったデス。

他にも、position:absolute を使わないように、
メインとサイドを1つのdiv にまとめてしまう。
というような方法もありますが、
構造を変えてしまうということなので、
結構大変に思うかもしれないですね。

トラックバック(2)

トラックバックURL: