CSS 親要素で文字サイズ・行間0でレイアウト崩れ
2010/09/23
下図は「http://www.buttobi.net/」をoperaで開いたときのスクリーンショット。
ヘッダのメイン画像（タイトルバナー？）の幅とは全然違うコンテンツ部。
１．
「<table>の最初の<td>が「colspan」だからかなぁ？」と思ったけど違うっぽい。
→空<tr><td>～</td></tr>をwidth指定しても治らない
２．
Javascriptの中で変なコトしてるかなぁと思っても違うっぽい
→widthっぽい箇所に変な数値（0とか9999とか）は無し
３．
「<object>に変なクラスでも？」と思っても違うっぽい。
じゃぁひょっとして親要素？と思いチェックしてみると変な記述発見。
.tpig{
font-size:0;
line-height:0;
}
font-size:0;
line-height:0;
}
適当な内容に変更して試してみるとレイアウト崩れが治った。
※この親要素（.tpig）の中には高さ5pxの画像に挟まれたjavascriptと<object>がある。