DTP→ほそぼそとWeb業界のカタスミでお仕事しています・・・

IEで table の上に隙間ができる(揃わない)

お客さんのサイトのロゴ部分だけ入れ替える仕事があり…
ありゃ?
2012-03-IEsukima01.jpg
IEで見ると、上が揃わないんですけど・・・

Firefoxではちゃんと見れるんだけどなー(^^;)
2012-03-IEsukima00.jpg
でもお客さん、IEなんだよねー。
あ、もしかして、それを直すためにロゴ入れ替え?なんちゃって。

・・・で、何かの設定が効いてるのかな?と思って、
お客さんのサイトのCSS読んだりしてたんですけど・・・
めっちゃよくできてますやん!!
デザインもいいしねー、コードもキレイだしねー、私よりめっちゃいいです(^^;)
どこを直せと・・・

・・・で、悩んだ末 
テーブル要素の上の、この「スペース」がアヤシイ・・・
2012-03-IEsukima02.jpg

2012-03-IEsukima03.jpg

↓波打つコードのスペースを消してみた。
2012-03-IEsukima04.jpg


なんですって!!Σ(°□°) そのスキマはスペースでしたか!! IE!!
2012-03-IEsukima05.jpg
最初は、<table>の上の改行かな?とか思ってたんですけど
<table>内のスペースだったんですね。

こんなことって、あるんですねー。 これだけで半日つぶしてしまいました
知ってれば、どってことないのに、知らないって、そんなもんなんですねー。
これって、IEでは普通にこうなるのかな(?_?)
私は経験がないので、初めて知りました。
なぜ経験がないかと言うと・・・

コードを書くのが苦手
     ↓
会社だけでは間に合わないから、家でも書く
     ↓
家のノートパソコンは画面が小さいから
     ↓
コードは全て左寄せで書く

    そして!
まだそんなにサイト制作をしたことがない!!

・・・からなんですけど(^^;) 
小さい画面だったのが不幸中の幸いだったと、今回、勉強になりました。←ちょっと違うか