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

質問

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

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

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

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

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

回答No.2

pixelflipper · ベストアンサー

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/

お礼

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

回答No.1

eberbach

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

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

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