CSS 親要素で文字サイズ・行間0でレイアウト崩れ

2010/09/23

下図は「http://www.buttobi.net/」をoperaで開いたときのスクリーンショット。

operaで開いたときのスクリーンショット

ヘッダのメイン画像(タイトルバナー?)の幅とは全然違うコンテンツ部。

1.
「<table>の最初の<td>が「colspan」だからかなぁ?」と思ったけど違うっぽい。
→空<tr><td>~</td></tr>をwidth指定しても治らない

2.
Javascriptの中で変なコトしてるかなぁと思っても違うっぽい
→widthっぽい箇所に変な数値(0とか9999とか)は無し

3.
「<object>に変なクラスでも?」と思っても違うっぽい。
じゃぁひょっとして親要素?と思いチェックしてみると変な記述発見。

.tpig{
font-size:0;
line-height:0;
}

適当な内容に変更して試してみるとレイアウト崩れが治った。
※この親要素(.tpig)の中には高さ5pxの画像に挟まれたjavascriptと<object>がある。

新着(ニュース関連以外)

2018-07-26
年賀状で「新春」とか書くけど・・・何故なんだろうと8月を目前にした今、疑問に思った。
2018-05-16
PHPで画像のヘッダ情報(?)の「Orientation」を元に画像回転させたい。
2018-03-05
Android Studioをインストール。エミュレータを軽くするトコまで終わらせたかったけど、挫折した。
2018-02-23
プッシュ通知について調べてた時にでてきたServiceWorker。そのServiceWorkerについてのメモ。
2017-12-13
jqueryで取得したDOM要素をオブジェクトじゃなくて、配列で受け取りたい