IE8は切り捨てても構わないのか

質問

Chrome、FireFox、IE8でレイアウトの調整をしています。
驚いたのはIE8がChrome等と比べて表示がおかしくなる点です。

例えば<h1>や<h2>でCSSで記述しているのに大きくなります。
その結果、横スクロールが出てきてしまいます。。。

ChromeやFireFoxは概ねイメージした通りに表示してくれます。
これはIE8の特性と思って諦めるよりないのでしょうか。

なお、当方にIE９の環境がないため、こちらは未調査です。

回答No.1

ORUKA1951 · ベストアンサー

IE6は切り捨ててよいでしょう。
IE7は可能な限り対処します。
IE8は対処します。
理由は
　⇒日本のブラウザバージョン別シェアグラフ2013 （StatCounter Global Statsより）( http://lhsp.s206.xrea.com/misc/browser-share-version.html )
　⇒12月ブラウザシェア - IE11急成長、IE7も反転増加 | マイナビニュース( http://news.mynavi.jp/news/2014/01/06/284/ )

＞驚いたのはIE8がChrome等と比べて表示がおかしくなる点です。
　きちんと製作すれば、そんな事はありません。
先日回答した　⇒CSSについてです - Webデザイン・CSS - 教えて！goo( http://okwave.jp/qa/q8472412.html )のソースをIE7以降で確認してご覧なさい。内容の追加(content:)は無視されますし、子供セレクタなどは使用できませんが、ウィンドウ幅、フォントサイズなどを変更してもレイアウトは崩れないはずです。IE6以前ではIE5も含めてh1をtext-align:centerに指定すると利用可能なはずです。
　もちろんスマホのように小さなウィンドも問題ないはずです。
　印刷にも対応しています。

　なぜなら、それを最大の目的で、HTML＋CSSでサイトを作るからです。
【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
HTML文書が、ブラウザやプラットフォームの違いを超えてうまく働くべきであるということは、多くが認めるところである。
　・・・【中略】・・・
　HTMLは、どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、・・・【中略】・・・
￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［Introduction to HTML 4 (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.2.1 )］より
【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
文書の構造をプレゼンテーションと切り離すことで広汎なプラットフォームや多様なメディアでの文書提供コストを低下でき、文書の改訂も容易になるということが、経験的に知られている。
￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［Introduction to HTML 4 (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.4.1 )］より

[対策]
★HTML4.01strict!! + CSS2.1
　HTML4.01 --trnsitinalやframestじゃない
　「HTML文書を作る場合には、この仕様における、他のDTDセットではなく strict DTD に適合する文書を作るよう推奨する。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/conform.html#h-4.1 )」
　CSS2.1(新しい機能は極力使用しない、使用してもそれが大きな影響を与えない使い方)
　DOCTYPEスイッチを適当に記述してブラウザが標準モードで動作するよう指定する。
　　⇒DOCTYPEスイッチ－HTMLの基本( http://www.htmq.com/htmlkihon/302.shtml )
★リキッドデザイン、必要なら最新ブラウザ(特にスマホ)用にmediaqueryを併用する。

＞これはIE8の特性と思って諦めるよりないのでしょうか。
　それは出来ません。今でも日本ではトップシェアですから・・
　もう一度、「どんな環境からもWebの情報を利用できるようにすべ」という基本からスタートしてみましょう。

※逆説的な言い方をすれば、利用環境を制約するようなデザインをするのでしたらHTMLを使うよりPDFなど他の仕様を利用すればよい。
　かといってHTML+CSSで自在なデザインが出来ないわけじゃない。先の回答例のように「左サイドにborderを縦一杯に引きたい」と一見難題を言われても対処できるでしょ。

お礼

とても丁寧な回答を頂き驚いています。有り難うございます。

レイアウトは崩れていないのですが、fontの設定をしてあるのに関わらずIE8ではChromeやFirefoxのように表示してくれません。

そのため横スクロールが発生している状態ですが、これは仕様と思って諦めるよりないのでしょうか。タイトルはこの意味で切り捨てても良いかとしましたが、誤解を与えたようですみません。

回答No.2

tracer

IE8以下を使うユーザー割合は、XPかVistaで、かつ、パソコンやインターネットをあまりよく知らない層が占めています。また、ご存知のようにXPのサポートは今年の4月で終了します。あなたの個人サイトであれば、割りきって捨てても支障がないと思います。
あなたが誰かのサイトを作っているのであれば、あと半年～1年くらいは様子を見て、対応したほうがよいかもしれませんね。

お礼

色々とご指導有り難うございます。もう少し様子をみてみることにします。