Webmaster@Style

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

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

関連記事

• アットスタイル MovableType 5 テーマご利用のお客様にお願い
• ウェブサイト配下すべてのブログから行った検索をウェブサイトの検索結果テンプレートで表示する
• Movable Type 5テーマを一部修正しました
• MT4.2用のテンプレートをMovable Type 5（MT5・MTOS 5）で利用する
• Movable Type 5.0 テーマ第一弾リリースしました
• Movable Type 5（MT5）テーマ第一弾がほぼ完成しました
• Movable Type 5.0 ベータの白テンプレートを作ってみた
• Movable Type 5.0 ベータ1にテンプレートをインストールしてみた
• jQuery Carouselを実装したMovable Type テンプレートをリリースしました
• トップページを「簡単に編集可能」にする（アットスタイルのテンプレートユーザー限定）

トラックバック

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

コメント

スポンサード　リンク

Archives

• All Entry Lists

Twitter

Search

Recommend

Feed

Licenses