W3C CSS Validatorのエラーメッセージ

Nagi
   2006.06.12 22:46 | | コメント(2) | トラックバック(0)

W3C CSS Validatorでエラーが出るんですが、

@charset "utf-8";
が先頭にあるとエラー。外すと直る。
はて、どういう意味だ?入れるなってこと??

指定された全面色(color)に対応する背景色(background-color)が
指定されていません

の方は、background-color: inherit; を入れてあげると解決。

font-family: 一般フォントファミリー名(generic font family)を最後の
選択肢として付け加えておく事を推奨します

の方は、sans-serif を入れてあげると解決。

このプロパティはブロックレベル要素に適用されます : body
コンテンツをセンター寄せにしている、text-align : center;  が引っかかった。
うむむむ???これはどうすりゃいいんだ。

トラックバック(0)

このブログ記事を参照しているブログ一覧: W3C CSS Validatorのエラーメッセージ

このブログ記事に対するトラックバックURL
http://www.kumacha-bin.com/mt428/mt-tb.cgi/224

コメント(2)

コメントが迷惑コメントに振り分けられていたので、救出しました。
コメント欄のURLに反応するのです。
なにか別のアイデアを考えなくては・・・。

コンテンツの幅をサイズ指定しながらセンター寄せ+背景画像ありだったので、コンテンツ全体を囲むdivを2重にしました。
一応文法的なエラーが出なくなったよ。
教えてくれたサンプルと、ほぼ同じ形だね。

>text-align : center;

margin-left:auto;
margin-right:auto;
はどうなんだろう?、と思って検索してみたら、
IEではバグになっちゃうみたいね。

『CSS:IEでの中央寄せ、margin”auto”が効かない件』
http://www.res-system.com/item/567より引用します。
(タグが効いちゃうので<>を大文字にしたよ)
 (HTML)
 <head>
 </head>
 <body>
 <div style="text-align: center;">
 <div style="margin-left: auto; margin-right: auto; border: 1px solid #000000; width: 200px; text-align: left;">
 中央寄せしたい部分
 </div>
 </div>
 </body>
 (閉じHTML)
 >という具合に、「中央寄せしたいdiv要素を、更に"text-align: center;"指定のdiv要素で囲む」事で実現できます。

text-alignを使うしかないみたいですなあ。

コメントする