Cha’s Bar 2.0 » Print » 「<div> と </div> の間が空」問題を解決

「<div> と </div> の間が空」問題を解決

Posted By Cha On 2007年06月06日 @ 1:59 am In ウェブプログラミング | No Comments

まだまだ XHTML 1.0 が不十分（自己満足できるレベルに達していない！）だったので、[1] 「より厳しい XHTML チェック」の問題で、「<div> と </div> の間が空」を修正しました。

正しい修正方法かどうかは不明ですが、以下のような修正方法でとりあえず問題は無くなるようです。

手順 1：CSS に hide を設定
CSS に hide を設定し、p.hide {display:none;} を指定します。

手順 2：「<div> と </div> の間」に・・・
<p class=”hide”>空欄防止</p>という一行を挿入する。

たったこれだけで解決できます。それにしても正しい修正方法なのかな～

とりあえず、これで[2] 「Another HTML-lint gateway」での評価が 100 点になりましたが、まだもうちょっと修正したいと考えています。

Article printed from Cha’s Bar 2.0: http://www.nakui.biz

URL to article: http://www.nakui.biz/index.php/2007/06/06/32

URLs in this post:
[1] 「より厳しい XHTML チェック」: http://www.nakui.biz/index.php/2007/05/29/26
[2] 「Another HTML-lint gateway」: http://openlab.ring.gr.jp/k16/htmllint/htmllint.html

Click here to print.