ブログ | アットスタイル

フロートする要素には幅を宣言しておく必要があります

Posted by @Style : 12:58 | コメント (0) | トラックバック (0)

CSS Validation Serviceのチェックが少し厳しくなっていた。

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

たとえばMovable Typeのデフォルトテンプレートでは、画像を左右に配置する際のmt-image-leftやmt-image-rightなどのクラスにfloatが使われている。以下のような対応を行う。

デフォルト

.mt-image-left {
    float: left;
    margin: 0 20px 20px 0;
}

追加

img.mt-image-left {
    margin: 0 20px 20px 0;
    float: left;
}

また、幅が確定できないものにはwidth:auto;でOK！

前のエントリー：サーバー移転しました
次のエントリー：iPhone for everybody

関連記事

• HTML5のMovable Type 5テーマ完成しました
• HTML5のMovable Type 5テーマ作成中（その3）
• HTML5のMovable Type 5テーマ作成中（その2）
• MT5テーマを5,000円オフのキャンペーン
• HTML5のMovable Type 5テーマ作成中
• zenback ベータテスト開始！
• MovableType 4.2 2Column HTML5の解説（サイドバー）
• MovableType 4.2 2Column HTML5の解説（コメントフォーム）
• MovableType 4.2 2Column HTML5の解説（ブログ記事）
• MovableType 4.2 2Column HTML5の解説（幅の調整）

トラックバック

このエントリーのトラックバックURL:
http://atstyle.biz/blog/mt-tb.cgi/944

コメント

Buy Now

Archives

• All Entry Lists

Twitter

共同執筆書籍

Search

Recommend

Feed

Licenses