MODXで作っています。制作で使った、便利な使い方やトピックスのメモです。Thursday18:39mootoolsとjQueryを一緒に使う方法でめでたく内容量に差があるボックスの高さをそろえるは完成したのだけど、IEで見てみたら、いろんなとこで背景やらボーダーやら消えまくり...。ああーまたかよー、とがっくり。IEはfloat使うと高確率で、ボックスの背景が消える。それも一回読んで、一瞬表示されるのに全部読み込みが終わると見えなくなってる、というなぞIE仕様。relative;をつけてやれば、ほとんど解決する。その要素にposition使ってなければだけど。relative;が使えないときの最後の手段にしてます。そのまま書くのは、どうも釈然としない。IEにしか必要ないんだからなおさら。Safariなどなど:を参考にIEハックで書くことに。relative¥9;これでIE7,IE8のみに適応される。IE6以下はもう無視w。書いておけば実際に必要なpositionと区別できるのでわかりやすいです。各要素にIEハックをつけて、ようやく完成しました。Friday11:33CSSのid名に関してちょっと不思議な現象を発見しました。←フロートクリアしてフッターという構造の場合、div#Containerの背景が1画面分しか表示されなくてスクロールすると消える、という現象が起きます。body両方にも高さ指定する必要があります。bodyの指定がなくても、背景消えません!古いページを修正していて、id名大文字小文字がバラバラで気持ち悪かったので、div#containerをdiv#Containerに直したら、背景消え現象が発生して気が付きました。bodyの指定してなかった...。Thursday13:42コンテナ用のdivにheight:100%;だけではうまく行かないし、min-heightやmax-hightをつけてもだめ。前から悩んでて、大抵は内容が短いページに対応できるようなデザインで作ってた。以下の方法でうまく100%ボックスになります。参考:標準準拠でheight100%のボックスhtml,bodyにもheight:100%;設定してコンテナdivにはheight:100%;min-height:100%;両方つける。これだけだと1画面より長いコンテンツがあったときコンテナdivに指定した背景が消えます。Co初心者はとりあえず買っとけ。