display: table-cell を使ったマルチカラムレイアウト - IT戦記
Acid2 Test で IE8 が display: table-cell をきちんとレンダリングするということが分かったので。 IE8 が普及する（笑）のを 5 年くらい先取りして display: table-cell によるマルチカラムレイアウトを書いてみました。 リンクは以下です。 http://amachang.art-code.org/tablecell/ 今のところ Opera 9+、Safari 2+、 Firefox 2+ で正常にレンダリングされることを確認しました。 ポイント ソースを見て分かるように HTML も CSS もめちゃめちゃシンプルです。 ポイントは display: table-cell の要素が兄弟要素の高さに併せて間延びするところでしょう。 これで、何カラムだろうとお手のものです。
「(X)HTML + CSS だけで Web デザイン」時代の終わり？
前回の続き プログラマへ質問: こんなプログラム言語があったら── : 亜細亜ノ蛾の続きです。 CSS で「できること」「できないこと」 CSS という言語は、「できること」（文字装飾など）と、「できないこと」（サーバ通信 など）を覚えるまでは簡単です。 できることが わかっていれば、「やりたいこと」の答えは検索で すぐに見つかります。できないことも、あっさり諦められる。 問題なのは、「できなさそうで できること」（リンクに特定のアイコンを表示）と、「できそうで できないこと」（リンクに favicon を自動取得して表示）を覚えるのが やっかい。 さらに、「全てのブラウザで同じように表示させたい！」と禁断の、いや ごく普通の願いが、地獄への道しるべ。CSS 魔のダンジョンへ、ようこそ──。 「CM 入りまーす」 そこで──、すべての Web デザイナ・CSS ファン・ブロガ必見、現在絶賛
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
