- 締切済み
全てのブラウザで崩れない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後方互換モードに強いサイト等を紹介してもらえたら嬉しいです。 よろしくお願いします！
- web-beginn
- お礼率100% (6/6)
- ブログ
- 回答数3
- ありがとう数5
- みんなの回答 （3）
- 専門家の回答
みんなの回答
- xenotactic
- ベストアンサー率54% (96/175)
後方互換でも標準でも同じレイアウトになるCSSというのは、おそらく無いです。 後方互換のIEはバグが多すぎるので。 キャッシュ自体あまり見ている人が多くないと思いますが（特に現在更新中のブログでは）、キャッシュまで気にする必要があるのでしょうか。 ちなみに、GoogleChromeもCSSの解釈が異常です。利用者はOpera9.xと同じくらいなので注意しましょう。 IE8βも確認したほうがいいです。IETesterなどを利用してみてはどうでしょう。 強いサイトhttp://hyper-text.org/
１に同意。 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もハックしない。
お礼
ご回答ありがとうございます！
補足
補足させていただきます。 ■DTD宣言 →<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 標準モード ※検索エンジンでのキャッシュページは後方互換モードになります。
もうIE7は切り捨てて構わないのでは？
お礼
ご回答ありがとうございます！ IE5 6 7 はブラウザシェアが多く対策に悩んできましたが、切捨てるほうが得策かもしれません。
お礼
ご回答ありがとうございます！ キャッシュは見ている人があまりいないと知りました。キャッシュは除外して作成したいと思います。 勉強になりました！