[css] display: table-cell を使ったマルチカラムレイアウト
316日前 (d.hatena.ne.jp) Tags: CSS amachang design web
Acid2 Test で IE8 が display: table-cell をきちんとレンダリングするということが分かったので。 IE8 が普及する（笑）のを 5 年くらい先取りして display: table-cell によるマルチカラムレイアウトを書いてみました。 リンクは以下です。 http://amachang.art-code.org/tablecell/ 今のところ Opera 9+、Safari 2+、 Firefox 2+ で正常にレンダリングされることを確認しました。 ポイント ソースを見て分かるよ... 続きを読む
 21 コメント   このエントリーを含むはてなブックマーク このエントリーのブックマーク数

コメント 評価したユーザ 関連ブログ

コメント

Profile_s written by tsukkee 53日前

アイデア自体は前からあるけどIEが対応してないおかげで日の目を見ることがない手法

Profile_s written by webmarksjp 146日前

css

Profile_s written by jamg 308日前

ほほ。

Profile_s written by kasane_yuuhi 311日前

<q>HTML も CSS もめちゃめちゃシンプル</q>

Profile_s written by hiro_y 311日前

display:table-cellのサンプル。

Profile_s written by sac3937 315日前

display: table-cell。head要素が左カラムになっている。すごい

Profile_s written by caligo 315日前

これすげー！head要素って表示できるのか！IE8がちょっとだけ楽しみになった（Opera 9+、Safari 2+、 Firefox+ではすでに使える）

Profile_s written by snj14 315日前

firefoxでは既に利用可能．(=グリモンでは使える)

Profile_s written by eborat 315日前

なんじゃこりゃあ。おもしろい。

Profile_s written by aql 316日前

Profile_s written by sankaseki 316日前

[!GTD::資料(いつか使う)] [css] display: table-cell を使ったマルチカラムレイアウト

Profile_s written by rusica 316日前

個人的な理想系ｋｔｋｒ / たしかにあのサンプル眺めてるとゲシュタルト崩壊おきるね

Profile_s written by potappo 316日前

head要素が左カラムになっている。

Profile_s written by kits 316日前

サンプルでゲシュタルト崩壊しそうに

Profile_s written by shidho 316日前

ヘッダ要素を表示しているのか。

Profile_s written by ringod 316日前

>>IE8 が display: table-cell をきちんとレンダリングするということが分かったので。

Profile_s written by gonoverdrive 316日前

シンプル！

Profile_s written by seamlessbias 316日前

今からIE8が楽しみになった。amachang++

Profile_s written by t32k 316日前

<meta http-equiv="X-UA-Compatible" content="IE=8" />これつけなきゃだめなんですよね？

Profile_s written by LiosK 316日前

この発想はなかった。使えるのはだいぶ先になりそうだけど大いに期待。

Profile_s written by nitoyon 316日前

headが左カラムでbodyが右カラムか。これはきれいだ。

[PR]アダルト画像を共有しませんか？