こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

締切り済みの質問

全てのブラウザで崩れないCSS

XHTML+CSSでウェブサイトを構築している者です。

 サイトがある程度出来上がってきて各ブラウザでチェックをしていたのですが、検索エンジンのキャッシュで崩れていた事に気づきました。
 崩れた原因を調べ、なんとか対応したのですが、FirefoxのGoogleキャッシュは崩れずIE7のGoogleキャッシュでは崩れています。
 そこで、ブラウザ、OS、検索エンジンキャッシュで見ても崩れない(ブラウザごとの多少の違いはあると思いますが)CSSの決まりがあれば知りたいと思いました。
 無料ブログサービス(アメーバ等)のデフォルトテンプレートはどんな環境でみても崩れないと聞いたことがありますが、可能なのでしょうか… 

■作成したサイトをチェック→ブラウザ
XHTML 標準モード+CSSハック使用

・Win Firefox 2 3 ○
・Win IE 6 7 ○
・Win IE 5以下 CSS無効
・Mac IE 5 CSS無効
・Win Opera 9 ○
・Win Safari 3 4 ○

■作成したサイトをチェック→キャッシュページ
後方互換モード

・FireFox3でGoogleキャッシュを見たとき→○
・IE7でGoogleキャッシュを見たとき→崩れる

 原因はIE7の後方互換モードに対応できていないことだと思います。
 IE7後方互換モードに強いサイト等を紹介してもらえたら嬉しいです。

よろしくお願いします!

投稿日時 - 2009-03-06 12:55:44

QNo.4773015

すぐに回答ほしいです

このQ&Aは役に立ちましたか?

2人が「このQ&Aが役に立った」と投票しています

回答(3)

ANo.3

後方互換でも標準でも同じレイアウトになるCSSというのは、おそらく無いです。
後方互換のIEはバグが多すぎるので。

キャッシュ自体あまり見ている人が多くないと思いますが(特に現在更新中のブログでは)、キャッシュまで気にする必要があるのでしょうか。

ちなみに、GoogleChromeもCSSの解釈が異常です。利用者はOpera9.xと同じくらいなので注意しましょう。

IE8βも確認したほうがいいです。IETesterなどを利用してみてはどうでしょう。

強いサイトhttp://hyper-text.org/

投稿日時 - 2009-03-09 22:51:51

お礼

ご回答ありがとうございます!
キャッシュは見ている人があまりいないと知りました。キャッシュは除外して作成したいと思います。
勉強になりました!

投稿日時 - 2009-03-10 23:44:28

1に同意。
IEは独自拡張が余りにも多過ぎるので、コーディングするのには悩むブラウザです。
CSSも然り。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
(Strict標準)

でならHTMLレベルでなら然程問題は無いと思います。
CSSもハックしない。

投稿日時 - 2009-03-07 00:30:13

補足

補足させていただきます。
■DTD宣言
→<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
標準モード

※検索エンジンでのキャッシュページは後方互換モードになります。

投稿日時 - 2009-03-08 00:34:06

お礼

ご回答ありがとうございます!

投稿日時 - 2009-03-08 00:33:38

もうIE7は切り捨てて構わないのでは?

投稿日時 - 2009-03-06 14:16:37

お礼

 ご回答ありがとうございます!

 IE5 6 7 はブラウザシェアが多く対策に悩んできましたが、切捨てるほうが得策かもしれません。

投稿日時 - 2009-03-08 00:31:45

あなたにオススメの質問