メイン | WinIE5x対策で「w\idth」 »

レイアウト用のfloat等をCSSでクリアするためのpkg

IE6配置ずれバグ対策:できる!CSSを使いこなす

Default
MovableType3.2のデフォルトCSS

/* .pkg class wraps enclosing block element around inner floated elements */

.pkg:after
{
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */

pkg部分を修正
.pkgでどんなハックを施しているか、わかりやすく色をつけたりしてみた。各ブラウザごとに確認してみて。

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after
{
content: "hoge hoge hoge hoge";
}
* html .pkg { display: block; background: #f00;}
/* no ie mac \*/
* html .pkg { height: 1%; background: #0f0;}
.pkg { display: block; background: #00f;}
/* */

トラックバック

このエントリーのトラックバックURL:
http://www.y-iweb.com/mtcms/mt-tb.cgi/246

この一覧は、次のエントリーを参照しています: レイアウト用のfloat等をCSSでクリアするためのpkg:

» レイアウト用のfloat等をCSSでクリアするためのpkg from MovableType デフォルトCSS研究
IE6配置ずれバグ対策:できる!CSSを使いこなす Default Movabl... [詳しくはこちら]

コメントを投稿

(いままで、ここでコメントしたことがないときは、コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。)