The Trap of Web Design

先日の疑似フレーム、作った方います？回答例はこんな感じ。コレ難しいすよ。自分は position: absolute; でなんとかする、っていうのは最終手段だって考えてて、結局そうするまで、互換モードだったらなんとかなるのにー、って躍起になってしまった。

古いブラウザは、body の高さ 100% と指定した時の該当範囲が違ってたりします。高さ 100% ってやっても、幅 100% と同じにしてしまう、っていうのがあった筈。MacIE5 だったかな。今回のやつは MacIE5 対応させてません。中身見れるようにはしといたけど。これ以上の MacIE5 対応はやる気もないです。

キーワード「CSS クイズ」できてるかたがいるんで自分もみたら、All About にスタイルシート ソース理解クイズっていうのがあったんでやってみた。スタイルシート基礎クイズなんてーのもある。最初のほう、テーブルのセンタリングのやつを間違えました。margin: auto の挙動ですけど、互換モードというか、IE は効かないので。設問に説明があったけど読み飛ばしてた。こういうのやっても互換モードと準拠モードの挙動で異なる場合について言及しなくちゃなんないのは、ややこしいよね。