クロスブラウザなレイアウトデザインテクニック
CSSやHTML、XHTMLを中心に、実務で使える設計・実装の要点を短く解説します。
-
7
本連載の総まとめとして、CSSでマルチカラムレイアウト(段組レイアウト)を実現する方法を紹介します。
-
6
ページレイアウトする際に、最低限おさえておきたい代表的なCSSプロパティとして、floatプロパティ、および、positionプロパティを中心に解説します。
-
5
今回は、前回紹介したテクニックを組み合わせ、「グローバルナビゲーション」や「パンくずリスト」などのナビゲーションパーツをスタイリングする方法を紹介します。
-
4
今回から次回にかけて、より実践的なテクニックとして、「ナビゲーション」を例にクロスブラウザな表示を意識したスタイリング方法を紹介していきたいと思います。
-
3
ブラウザのデフォルトスタイルについて解説し、これを初期化して、各ブラウザのデフォルトスタイルの差異を埋める方法を紹介します。
-
2
本連載では、「クロスブラウザに対応したデザインテクニック」をテーマに、保守性や互換性に優れたXHTML+CSSの書き方を紹介しています。連載第2回では、表示モードを統一してもカバーできないブラウザの実装差異を補う方法として、CSSハックを中心に解説します。
-
1
「ブラウザの表示モード」を理解してクロスブラウザなレイアウトを実現する
本連載では、「クロスブラウザに対応したデザインテクニック」をテーマに、保守性や互換性に優れたXHTML+CSSの書き方を紹介していく予定です。第1回目は、基本中の基本「ブラウザの表示モード」です。