W3CのHTML結果とCSS結果の問題点を改善策を教えてください。

質問

W3CのHTML結果とCSS結果の問題点を改善策を教えてください。

●HTML結果

ワーニングが１個になりました。UTF-8を使ったら駄目ということですか？？？

Passed, 1 warning(s)

Using Direct Input mode: UTF-8 character encoding assumed
Unlike the “by URI” and “by File Upload” modes,
the “Direct Input” mode of the validator provides validated content in the form of characters pasted or typed in the validator's form field.
This will automatically make the data UTF-8,
and therefore the validator does not need to determine the character encoding of your document,
and will ignore any charset information specified.
If you notice a discrepancy in detected character encoding between the the “Direct Input” mode and other validator modes,
this is likely to be the reason. It is neither a bug in the validator, nor in your document.

●CSS結果

警告が５個出ました。
下記のエラーの改善策がわかりません。助けてください。

ul#topmenu li

In (x)HTML+CSS, floated elements need to have a width declared.
Only elements with an intrinsic width (html, img, input, textarea, select, or object) are not affected

●CSS
ul#topmenu li a {display: block;
width: 120px;
line-height: 30px;
text-decoration: none;
text-align: center;
color: #ffffff;
background-color: #005087;
background-image: url(rollover.png);
border-right: solid 1px #ffffff}

回答No.1

xenotactic · ベストアンサー

HTMLに関してはよくわかりません。
「It is neither a bug in the validator, nor in your document. 」
とあるので、ValidationServiceのバグでもないし、HTMLのバグでもない、つまり気にする必要がないということではないでしょうか（よくわかりません、nerther A nor BはAでもBでもどちらでもないという意味ですので…）

CSSに関してはわかります。
floatを指定している要素には必ずwidthを指定しなければいけないという意味です。ただしinput等は例外。
ul#topmenu liにfloatを指定しているのでしたら、ul#topmenu liにwidthを指定しなければいけません。質問内容に書かれているのはul#topmenu liではなくul#topmenu li aですね。

HTMLの文法チェッカーでしたらHTML-lintも使ってみてください（両方使うといいです）

お礼

ありがとうございます。

HTML-lintはW3Cの前に実行しました。
HTML-lintで先にチェックしたのでワーニング１つとなっております。

大変助かりました。ありがとうございましたｍｍ