質問: ホームページのcssについて ieと火狐ではcssでの表示方法が異なります。 現在ホームページはieに合わせてcssを組んでいるのですが、 知人から(火狐利用者)「ホームページの表示が変!」と指摘がありました。 そこで、ブラウザシェアを調べたら国内でieが94%でダントツだと言うことが分かりました。 しかし、火狐を使ってる人も結構いるのが現実・・・ どちらか片方のブラウザに合わせてcssをこのまま組んでいくのか、両者が快適に観覧できるようにjavascriptなどでブラウザ毎にページとcssを作って分散するのがいいのか・・・ 後者だとページ数が増えるごとに作業量が2倍になるのですが・・・ 企業用のホームページではないのでそこまでこだわる必要はないのでしょうか? 「こうしたらいいよ!」とか「こうすることであまり手間をかけずに解決できるよ!」とかみなさんの意見を教えていただけないでしょうか?よろしくお願いします。
回答: no.3 naokitaです。 no.3回答後に、no.1さんの補足を見ました・・・ floatの間違った解釈で、 質問者さんもieも間違っています・・・ 趣味か商用かは無関係だし、誰もが最初は初心者。 綺麗にしたいなら勉強すれば良いし、 時間が無い、面倒と思う人も居れば、それで妥協する人も居ます。 価値観の問題なので、その辺は自分の判断で好きにした方が良いです。 オリジナルな「物作り」って、スキル、費用、時間、満足or妥協の相互関係だからw no.1補足のソース例はfirefox用の修正例ですか? その例も、ブラウザによって解釈が違いますよ・・・ 設計時やテスト時は、各ブロック要素に背景色を付けると良い。 no.1補足のソース例を 一番簡単に尚且つ、ieでもその他のブラウザでも差異が無いようするなら(沢山あるが) !* ~説明文 ~ ~リンク ~ /* ■ css */ #a { margin-right: auto; margin-left: auto; text-align: left; width: 900px; background-color: lime; } #a2{ margin: 0 0 0 10px; width:880px;} #a3{ clear:both;} #b { float: right; width: 635px; height: 250px; padding-top: 10px; padding-bottom: 50px; background-color: aqua; } #c { float: left; width: 245px; height: 250px; padding-top: 10px; padding-bottom: 50px; background-color: gray; } または、clearfixで差異は無い。 当然、html,dtdを標準モードにするように・・・