「ブラウザの表示モード」を理解してクロスブラウザなレイアウトを実現する

クロスブラウザなレイアウトデザインテクニック第1回

山田祥寛[監修] / WINGSプロジェクト　宮本麻矢[著]

2008/05/22 14:00

本連載では、「クロスブラウザに対応したデザインテクニック」をテーマに、保守性や互換性に優れたXHTML+CSSの書き方を紹介していく予定です。第1回目は、基本中の基本「ブラウザの表示モード」です。

目次
Page1 はじめに対象読者必要な環境クロスブラウザなデザインの基本的な考え方後方互換性前方互換性ブラウザの表示モードとは標準モード（standards/full standards）互換モード（quirks）ほぼ標準モード（almost standards）
Page2 ボックスモデルとはボックスモデルで見る表示モードの違い標準モードのススメ
Page3 表示モードを切り替えるには DOCTYPEスイッチ HTML4.01を採用する場合 XHTML1.0／XHTML1.1の場合のDOCTYPEスイッチ Win IE6の表示モードに関するバグまとめ参考資料

※印刷用ページ表示機能はメンバーのみが利用可能です（登録無料）。

バックナンバー

連載:クロスブラウザなレイアウトデザインテクニック

山田祥寛（ヤマダヨシヒロ）

静岡県榛原町生まれ。一橋大学経済学部卒業後、NECにてシステム企画業務に携わるが、2003年4月に念願かなってフリーライターに転身。Microsoft MVP for ASP/ASP.NET。執筆コミュニティ「WINGSプロジェクト」代表。主な著書に「入門シリーズ（サーバサイドAjax／XM...
WINGSプロジェクト　宮本麻矢（ミヤモトマヤ）

＜WINGSプロジェクトについて＞有限会社 WINGSプロジェクトが運営する、テクニカル執筆コミュニティ（代表山田祥寛）。主にWeb開発分野の書籍／記事執筆、翻訳、講演等を幅広く手がける。2018年11月時点での登録メンバは55名で、現在も執筆メンバを募集中。興味のある方は、どしどし応募頂...