タグメモのカケラ

久々に引っかかったネスケの罠。
てか、有名なバグだよな～って後になって思い出したあたり、アタシの記憶力低下の危機だ！

さて本題ですが、ネスケで背景や背景色を指定した時に、ボックスの下までいかずに表示されている文字の部分の一番下とかで止まってしまうやっかいなバグがあります。
divで囲ってるにも関わらず、余白とかを認識してくれないのか、背景画像が途中で切れたみたいになってしまう。
背景色もそう。
2カラムで高さが違うときとか、背景画像で背景色を対応したりするんだけど、そういう時もネスケだけは途中で表示されなくなってしまうんだよね。。。

文字や画像などの内容がある部分までしか背景画像や背景色が表示されない。
そんな時は、CSSの指定にマージンとボーダーの指定を入れてください。

例）2カラムで、全体に背景を指定

#contents {
width: 780px;
background: url(images/contents_bk.gif) top left repeat-y;/*ここで全体にかかる背景指定*/
margin: 0px;
padding: 0px;
border-bottom: 1px solid #FFFFFF;/*ネスケ対策*/
}


#left {
margin: 0px;
padding: 0px;
width: 200px;
float: left;
}


#right {
margin: 0px;
padding: 0px;
width: 580px;
float: right;
}


これを入れる事によって、背景が指定したdiv全体に表示されます。
背景画像や背景色をdivでボックス指定する時には、マージンが0pxだろうと入れてあげる癖をつけるといいかも。
別に入れてもソースが増える以外の害は無いし、たった1行だから読み込みが重くなる訳でもないと思うし。

まぁ、解決方法が分かれば何て事は無いんだけど。。。
何でこうもブラウザっちゅうヤツはバラバラなんかな。