ピクセリエは奈良で活動するホームページ制作工房です。

簡単なCSSハック（1）

そこでCSSのホリーハックと言われる技をおかしいと思われるボックスにかけてみたらうまく行くかもしれません。実をいうとこのホームページにもホリーハックがかかっています。Dreamweaver™などのオーサリングソフトならdivタグのボックスが一目瞭然で（てほどでもありませんが。。。）わかるので問題が起こっているボックスも大体見当が付くと思います。ほとんどのソフトがそうだと思いますがDearmweaver™ではデザインの画面とHTMLコードの画面が分割できます。 そしてデザインの画面からdivボックスのあたりにカーソルを乗せると赤い筋が出てコードがボックスごと選択されます。はみ出ていたりこれがおこしいんじゃないかと思われるボックスを見ると・・・id contents-bodyがおかしそう。 CSSファイルを開いて#contents-bodyに技をかけてやります。

*html #content-body{height:1%;}

これで一気に直っちゃいました。
どのケースでもうまくいくとは限らないとは思いますが、ほとんどの場合うまく行くと言われています。ホリーハックと言われる技です。*html #content-bodyの部分はインターネットエクスプローラ6.0だけが読みます。それ以外は読みません。おかしいボックスのidまたはｃｌａｓｓのセレクタにかけてみるとうまくいったりなにが問題かがわかりやすくなると思います。

TRACKBACK PING: http://pixeliere.sakura.ne.jp/mt/mt-tb.cgi/31