[CSS]divもfloatもclearもhackも使用しないで組む3カラムレイアウト

TJK Designのエントリーから、ヘッダ・フッタ・3カラムのレイアウトをdiv, float, clear, CSS hackを使用しないで実装するスタイルシートの紹介です。

divもfloatもclearもhackも使用しないで組むレイアウトのキャプチャ

A CSS layout that does not rely on DIV, FLOAT, CLEAR nor structural HACK!

対応ブラウザは、WidnowsがIE5.01, 5.5, 6, 7, Fx0.8, 1.5, 2.0, Op9.0, 9.24、MacがIE5.2, Safari2.0, 3.0, Fx2.0、LinuxがKonqueror, Mozilla、そしてiPhoneとなっています。

仕組みは、簡単に説明するとリストを使用したもので、実装方法は8つのステップで紹介されています。

divもfloatもclearもhackも使用しないで組むレイアウトの実装方法のイメージ

実装方法のページ

sponsors

top of page

©2024 coliss