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

解決済みの質問

CSSのブラウザ崩れを防止する方法は?

HTML+CSSでTABLEなし(DIV)でレイアウトしております。
各ブラウザの最新バージョンでは確認しております。
一応問題になるよな崩れは無いように思います。

ただ、ある程度1~2前バージョンのブラウザで崩れないようにしたいのですが
確認する方法・防止する方法がわかりません。

確認方法・防止方法(これは万能策ではなくても構いません)
をお教え頂ければ幸いです。

あわせて現在のHTMLソースをTABLEで囲うのは意味がありますか?

どうぞよろしくお願い致します。

投稿日時 - 2005-09-09 18:42:35

QNo.1638241

困ってます

質問者が選んだベストアンサー

CSSはブラウザの実装によって大きく表示結果が左右されるので、実際にそのブラウザで表示してみないと安心できません。特にレイアウト周りのCSSは難しいです。

趣味のサイトの最終確認だけなら実機を持っている人に頼むとかでもいいと思いますが、仕事であれば実機なり仮想PCなりを用意する必要がありそうです。(特にMacも考慮する場合、Mac IE は Windows IE とは振る舞いが異なります。)

CSSのバグを集めているサイトもありますので、そういうところで各ブラウザの傾向を把握しておくのもいいかもしれません。私は Netscape 4.x の "画像が含まれる要素にline-heightを指定すると画像のレイアウトが狂う" っていうやつで思いっきり引っかかりました。(CSSを使っているなら NN4.x は下手に対応するより適用されないようにした方が楽ですが…。)

CSSでレイアウトしてからtableで囲うのは、ほとんどの場合おそらく無意味です。

参考URL:http://cssbug.at.infoseek.co.jp/

投稿日時 - 2005-09-11 03:33:16

お礼

大変わかりやすく関連サイトまで教えていただきありがとうございます。
ある程度の古バージョンブラウザやログより閲覧の少ないブラウザは適応外
と考えたほうがいいように思いました。
なかなか難しいですがサイト等拝見しながら勉強させて頂きます。

投稿日時 - 2005-09-11 14:17:04

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

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

-広告-
-広告-

回答(2)

ANo.1

PCを数台用意するかバーチャルマシンを用意して古いバージョンのブラウザ入れるくらいしか、確実に確認する方法はないような気がする。

古いバージョンに対応したいならHTMLだけで構成する。

cssを使っているならTABLEで囲んだところで、大きな差はないような気がしないでもない。

投稿日時 - 2005-09-09 19:03:59

-広告-
-広告-

あなたにオススメの質問

-広告-
-広告-