カテゴリー
CSS

CSSセレクタの使い方。

最近ie6をサポートしない、もしくは別スタイルシートで対応するというサイトが増えてきました。 というわけで、ie7から使えるセレクタのおさらい。

カテゴリー
CSS

縦棒で区切った要素を並べる

フッターリンクなどで縦棒で区切ってリンクとかを羅列することって、結構あると思うんです。 的な。 そんなときいちいちクラスを振ったりJSで数えたりしなくてもスマートにCSSで表現する方法のメモ。ie7以上でー。

カテゴリー
CSS

CSSのリセット

メモ代わりに最近よく使っているCSSリセットとClearFixを晒してみます。

カテゴリー
CSS

white-space: nowrap for ie7

IE7でのみ起こる現象っぽいですが、 white-space: nowrap; がwidth:autoが設定されていると効かないようです。tableの中での話ですが・・・

カテゴリー
CSS HTML

bodyをWrapperとして使う

ここ数年の流行りとして、wrapperがよくある。 けれどもbody要素をwrapperに代換することはできないだろうかと。 で、検証。 margin = 有効 padding = 有効 width = △ 環境はfir […]

カテゴリー
CSS

最新のCSSハック。

safari3+&Chrome、webkit系ブラウザのみのハックです [css] @media screen and (-webkit-min-device-pixel-ratio:0) { /*ここにsaf […]

カテゴリー
CSS

今更だけど透過PNG対策。

背景に指定するときは [css]behavior: expression( this.style.behavior || ( this.style.filter = "progid:DXImageTransfo […]

カテゴリー
CSS

背景が下まででない件について。

IE7 IE6のバグだかなんだかですが。 ちゃんとclearしてるし、IE8やfirefoxとかでは正常に表示される場合。 その要素に min-height:100%(IE7) height:100%(IE6) を書いて […]

カテゴリー
CSS

アンカーテキストとoverflow

アンカーテキスト(<a herf=”#header”>的な)を指定して、ページ内リンクをつくったとき、 そのリンク先の親ボックスにoverflow:hiddenが指定されていると その […]

カテゴリー
CSS HTML

今更ながら、CSSテクニックまとめ。(1)

まぁ備忘録ですからね。CSSで使えるテクニックのまとめです。 Clearfix [css] .clearfix:after { content: "."; display: block; height […]