![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
No.1ベストアンサー
- 回答日時:
IE6は切り捨ててよいでしょう。
IE7は可能な限り対処します。
IE8は対処します。
理由は
⇒日本のブラウザバージョン別シェアグラフ2013 (StatCounter Global Statsより)( http://lhsp.s206.xrea.com/misc/browser-share-ver … )
⇒12月ブラウザシェア - IE11急成長、IE7も反転増加 | マイナビニュース( http://news.mynavi.jp/news/2014/01/06/284/ )
>驚いたのはIE8がChrome等と比べて表示がおかしくなる点です。
きちんと製作すれば、そんな事はありません。
先日回答した ⇒CSSについてです - Webデザイン・CSS - 教えて!goo( http://oshiete.goo.ne.jp/qa/8472412.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-html4 … )]より
【引用】____________ここから
文書の構造をプレゼンテーションと切り離すことで広汎なプラットフォームや多様なメディアでの文書提供コストを低下でき、文書の改訂も容易になるということが、経験的に知られている。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[Introduction to HTML 4 (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )]より
[対策]
★HTML4.01strict!! + CSS2.1
HTML4.01 --trnsitinalやframestじゃない
「HTML文書を作る場合には、この仕様における、他のDTDセットではなく strict DTD に適合する文書を作るよう推奨する。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )」
CSS2.1(新しい機能は極力使用しない、使用してもそれが大きな影響を与えない使い方)
DOCTYPEスイッチを適当に記述してブラウザが標準モードで動作するよう指定する。
⇒DOCTYPEスイッチ-HTMLの基本( http://www.htmq.com/htmlkihon/302.shtml )
★リキッドデザイン、必要なら最新ブラウザ(特にスマホ)用にmediaqueryを併用する。
>これはIE8の特性と思って諦めるよりないのでしょうか。
それは出来ません。今でも日本ではトップシェアですから・・
もう一度、「どんな環境からもWebの情報を利用できるようにすべ」という基本からスタートしてみましょう。
※逆説的な言い方をすれば、利用環境を制約するようなデザインをするのでしたらHTMLを使うよりPDFなど他の仕様を利用すればよい。
かといってHTML+CSSで自在なデザインが出来ないわけじゃない。先の回答例のように「左サイドにborderを縦一杯に引きたい」と一見難題を言われても対処できるでしょ。
とても丁寧な回答を頂き驚いています。有り難うございます。
レイアウトは崩れていないのですが、fontの設定をしてあるのに関わらずIE8ではChromeやFirefoxのように表示してくれません。
そのため横スクロールが発生している状態ですが、これは仕様と思って諦めるよりないのでしょうか。タイトルはこの意味で切り捨てても良いかとしましたが、誤解を与えたようですみません。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- ホームページ作成・プログラミング chromeでhttpdを使うと 2 2022/03/23 10:54
- Chrome(クローム) Webサイトの表示崩れの原因と対策 1 2022/08/01 23:16
- Chrome(クローム) 【Google】「同期は有効です」と表示されているがブックマークが同期されていない 2 2022/11/17 13:32
- Chrome(クローム) Chromeの履歴表示を改善したい 1 2023/01/19 22:06
- Firefox(ファイヤーフォックス) Firefoxでグーグルの検索画面が変です 2 2022/09/20 19:25
- Firefox(ファイヤーフォックス) Firefoxが起動しない原因とカイゼン方法 2 2022/07/19 10:54
- HTML・CSS HTMLとCSS(ブラウザ関連)について質問です。 1 2023/03/07 08:07
- Chrome(クローム) ソコン版の Chrome は調子悪いです 拡張機能のズームがおかしく100%の画面になったりします 2 2023/01/15 02:48
- Firefox(ファイヤーフォックス) ChromeとFirefoxで現在地を変更する方法 1 2022/04/18 17:06
- Chrome(クローム) Chrome(Android)のタブが表示されない 2 2022/11/02 13:50
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
スマホでPCサイト見たらスマホ...
-
PC用サイトと携帯用サイトの運...
-
HTMLからフォルダを開きたい
-
googleドライブで、PDFファイル...
-
iPadの標準ブラウザでローカルH...
-
Dreamweaverでページ全体が文字...
-
作成したイメージマップが反応...
-
インラインフレームの中に表示...
-
htmlファイルの表示が真っ白
-
台東区上野近くのボーリング場
-
社内で利用するWebサイトを立ち...
-
borderでa:hover下線表示させる...
-
タイトルバーを非表示にできま...
-
form action="#"
-
css ,videotタグ。ホームページ...
-
HTMLページが勝手にダウンロー...
-
ホームページでファイルをダウ...
-
URLを変えないで表示する方法
-
Dreamweaverでソースが文字化け...
-
どのページもすべて同じURLなの...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ホームページ、iPadやiPhoneで...
-
リンクの下線は消すのが普通?
-
ホームページを作っているので...
-
ガラケーサイトの一般的な画面...
-
WEB会社に勤めている方に質...
-
スマホ横幅が720px だけ 横が...
-
画面は固定と可変のどちらがい...
-
デジタルフィルタの伝達関数
-
DOMとHTMLの本
-
コーディング代行について
-
PCサイトとは何ですか。
-
スマートフォン用のサイト作成...
-
Windowsホームページ作成MACで...
-
Webサイトを作成する前のイメー...
-
iphone/android WEB制作について
-
Safariで、ボタンが丸くなるの...
-
レスポンシブwebデザインでのIE...
-
平均的なウィンドウサイズとは?
-
厳しいご意見を下さい!
-
バリアフリーなサイトで、フレ...
おすすめ情報