The Trap of Web Design

スタイルシートテクニッククイズ

どっかにこんな企画はないかな、と思いつつ、探す前に自分でやっちゃえ(笑)

問い:以下の基本レイアウトを完成させよ。

疑似フレーム


上部ヘッダ高さ 60px 固定。プラス 2コラムリキッドレイアウト。2カラム部はブラウザの下部まで常に確保。内容がブロックの高さを超える場合にはスクロールバーを出すこと。見た目フレームに見えるがフレームではなく、いわゆる疑似フレーム。XHTML はこのリンク先のものを使うこと。回答はコレをこのまま使って得られるので、XML 宣言を取ってしまうDOCTYPE を別のものに変更する等は許されない。このままで、ウインドウズ IE7、6、5.5 (自分は未確認だけど大丈夫だと思われる)、Firefox 2、Opera 9、マック Safari2 等の主要なブラウザに対応させること。

とかいうネタをいっぱい掲載っっていうのはどうすか?

回答(とはいっても同じ結果になる別の案はあるかもね)はせっかくなので、後日にします。いえいえ、ちゃんとできてますが、実は自分自身、かなーりハマったので、スタイルシートレイアウターの皆さん、どうかご自分でやってみてくだされ。

2007-07-04 00:25 | CSS | ichiro | permalink


Comments

コメントはまだありません


Portfolio

Stagemind

▲ 珍しくカバーアニメーションとか