[CSS]floatを解除する「clearfix」のIE6/7に対応した改良版 | コリス

2009/12/09 384 users clearfix コリス float CSS clear

floatを解除する際にclearを使用せずに解除する「clearfix」の改良版をPerishable Pressから紹介します。 The New Clearfix Method いわゆる旧タイプのclearfixはMac IEも対応ブラウザに含まれているため、スタイルシートは下記のようになります。 旧タイプのclearfix .clearfix:after { visibility: hidd... 続きを読む

俗に言う clearfix と言われるコードのバリエーション色々 - lucky bag

2007/05/26 166 users clearfix Lucky Bag both Hidden

clearfix ネタに乗っかってみる。 スタイルシートをめぐる冒険: CSS実験室: clearfixの決定版を作る －モダンブラウザ編－ clearfixはちゃんと考えられてた .clearfix:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; } .clearfix { _he... 続きを読む

Windchase - Javascript で幅に合わせて文字列を切りつめる

2007/05/25 176 users ruler absolute ListView span 末尾

デスクトップアプリを開発してると、ListView のカラム幅が足りなくなったときに「My Docume...」のように自動的に末尾を「...」で埋めて切りつめてくれる機能がある。ウェブでも同じことをやりたかったので、作ってみた。まず、文字列の幅を測定するには、 span id="ruler" style="visibility:hidden;position:absolute;"> span> ... 続きを読む