[k]id » css 

1emを基準としたemレイアウトを実装する際に
emコーディングを考えてみるを掲載しましたが、
基準となるフォントサイズが12ptだと、どういう計算になるのかと
考えていたところ、下記のサイトにヒントがありました。

相対関係を把握するのに参考になりますね。

Approximate Conversion from Points to Pixels


参考にさせていただきます。

ここ数年インラインフレームを使う機会が無かったのですが、
モーダルウィンドウで他のサイトを読み込む為に、数年ぶりでiframeを使用しました。

そこで、ie6で横スクロールバーが常に表示されてしまう問題が発生。。
（懐かしい！！）

ということで下記タグを、読み込まれるページに設置で回避。

html{
overflow-x: hidden;
overflow-y: scroll;
}

エラスティックレイアウト関しては賛否両論ありますが、、

画面の拡大やフォントの大小によって影響を受けない
コーディングをする機会があり、
現在、ブラウザ互換について色々調べ中ですが、
とりあえず、覚え書きです。

とりあえずリセットCSSから
BaseになるCSSに

body { font-size: 62.5%;}

メニューボタン等でテキストをtext-indent:-9999px;等で左に飛ばしたときに、
FireFoxだとリンクをクリックすると点線が現れてしまう。

この現象の理由は、リンクのエリアがtext-indentしたテキスト含みで認識されている
事が原因らしく、これを回避する為には

aの要素に

overflow:hidden;
outline:none;

このブログのサイドバーにある青いラインは

<div>
┗<dl>
　┣<dt>
　┗<dd>

まとめ