clearfixの決定版を作る －IE編－
今回は、floatバグ対策における鬼門ともいえるIEのclearfixに挑戦する。しかし、その前に、何をもって「決定版」とするか、あらためておさえておこう。本来なら、ひとつでも多くの種類、バージョンのブラウザでfloatをクリアできる（もしくは同じ効果を得られる）ことをもって、決定版とすべきなのだろうが、ここでは少し違う方針をとりたいと思う。簡単にいえば、CSS自体の正しさとか美しさを優先したいということだ。逆に、そのためには古いバージョンのブラウザなどは犠牲になってもしょうがない、と考えている。ここでいう「決定版」を定義してみよう。 1. 文法的に正しいこと このこととイコールとするには異論があるかもしれないが、「W3Cのvalidatorを通ること」と言い換えることもできる。少なくとも、通らないより通るほうがいい。 2. 内容的に理にかなっていること、意味不明でないこと いわゆるCSS
Stu Nicholls | CSSplay | CSS link pop-up balloons
CSS DEMOS › Information balloon pop-ups Date : 22nd April 2006 For all modern browsers This demo is too wide for your mobile screen. Please view on a tablet or PC. fadtastic Fadtastic - The Multi-Author Web Design Trends Journal. Web design trends discussed. fadtastic archive RSS Feed Attitude Design Attitude Design is a resource for graphic designers. Beauty is only skin deep... Attitude is in th
【特集】正式版完全対応! Internet Explorer 7 CSS攻略法 (11) 03-07 修正/未修正バグの問題を回避する(5) | クリエイティブ | マイコミジャーナル
フロート要素の上下マージンがなくなる問題 IEでは、ブロック要素にfloatプロパティを指定すると、デフォルトスタイルシートで挿入される上下マージンが消えるという問題が発生する。IE7でもこの問題は修正されていない。 IE6での表示 IE7での表示 Firefoxでの表示 サンプルソース: 3-5-9 sample03-05-09.html h1 {background-color:yellow} #container {background-color:cyan} #image {float:left} <h1>見出し</h1> <div id="container"> <p id="image"> <img src="image.png" width="85" height="85" /> </p> <p id="text">文章文章文章文章文章文章文章文章
aruko.net - このウェブサイトは販売用です！ - aruko リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
clearfixでfloatを解除 | d-spica
clearfixでfloatを解除 2007-03-07 1 0 XHTML/CSS clear, CSS 枠や背景が消えたり，途中で切れたりしたことはありませんか。 floatした要素（ボックス）を含む親要素（ボックス）のborderやbackgroundが途中で切れてしまうことがあります。 左の例では，右側のメニューが終わったあたりで，左右にあるラインも切れています。 floatした要素の高さは親要素の高さに反映されない 分かりやすいようにXHTMLとCSSの例を書いてみましょう。 <div id="wrapper"> <div id="content"> <p>content</p> </div> <div id="menu"> <p>menu</p> </div> </div> #wrapper { width: 200px; border: solid 3px #999999;
border-spacing－スタイルシートリファレンス
border-spacingプロパティは、隣接するセルのボーダーとボーダーの間隔を指定する際に使用します。 border-spacingプロパティは、border-collapseプロパティの値がseparateのときに有効となります。 値を1つ指定した場合： [上下左右]の間隔が指定された値になります。 値を2つ指定した場合： 記述した順に[左右][上下]の間隔が指定された値になります。 尚、border-spacingプロパティに負の値を指定することはできません。 ■値 数値で指定 数値にpxやemやexなどの単位をつけて指定します。pxとは1ピクセルを1とする単位で、実際に表示されるサイズは72dpiや96dpiといったモニタの解像度により変化します。また、emとはフォントの高さを1とする単位で、exとは小文字の｢x｣の高さを1とする単位です。 スタイルシート部分は外部ファイル（sa
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Scriptを使わないCSSエフェクト、Tipsいろいろ - DesignWalker
Mis Algoritmos » Blog Archive » Some styles for your pagination
2007年度web制作者の為のまとめ再構築30選*ホームページを作る人のネタ帳
http://spreadsheets.google.com/pub?key=prvB_MFPHuEHOYL7ulKmYOQ&gid=0