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

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！

Posted

Tags