タグ

CSSとieに関するtake-itのブックマーク (3)

  • IE共通の9つのCSSバグをそれぞれ解決する方法:phpspot開発日誌

    IE共通の9つのCSSバグをそれぞれ解決する方法がNettutsにて紹介されています。 どれも、なんでだろうと頭を悩ましそうな問題なので解決法を知っておくと簡単に対処できそうです。 1. センタリングが効かない問題 margin: auto を指定した場合の期待する結果 IEの場合以下のようになりますが↑にするための解決法が書かれています 2. 横に並べたいリストが階段状になってしまう IEの場合以下のようになってしまいますがこの解決法も記載されています 3. ダブルマージンフロートバグ マージンの指定が期待通りに出ている例 ↓ IEの場合、margin: 30px 0 0 30px;  で定義した値が正しく適用されない例も解決法があります 4. heightの高さ指定が効かないバグ height:2px を指定した場合の想定する表示 IEはなぜか2pxにならないのでこれも解決法が示されて

  • IE 6とIE 7のためのCSSハック16選(1/3) - @IT

    有限会社タグパンダ 喜安 亮介 2009/11/17 Webブラウザごとのレンダリングエンジンの違いにより起こるレイアウトの表示ずれ問題に泣かされるWebデザイナのために、Webブラウザごとに使えるかどうかの表を交えながら問題を解決するためのCSSハック&フィルタTipsをお届けします(編集部) Webブラウザ別CSSハック一覧表 前回の「IE 6で泣かないための、9つのCSSハック」では、仕様通りの正しいコーディングを行っているにもかかわらず、Internet Explorer(以下、IE) 6で見ると、レイアウトがズレてしまうなどのさまざまな問題を解決するための9つのテクニックを紹介しました。 今回は、IE 6とIE 7のためのCSSハックのテクニックを下記に分けて紹介します。 IE 6をハック(IE 6のみに効く、もしくはIE 6のみに効かないハック) IE 6のみに効くハック スタ

  • IE PNG Fix Alpha 2を使ってみた。 | ちぷろぐ

    透過をきれいに使ったウェブデザインいろいろ - DesignWalker ↑を見ていて、いいな!私も透過PNG使いたいな!と久しぶりにデザインがえを考えてます。 上のサイトの中でも特にSilverbackの画面の横幅を変えた時の葉の重なり具合が凄いキュートだと思って、こういうので何かできないかしら?と。 あんまり気付かれない感じの仕事なんだけど、なんかそこに萌えを感じます。 The portfolio of Bryan Katzelにいたっては、神業!!としか思えない!! 頭良いなあ、考えた人! で、こういうサイトの透過PNGを使った効果ははIE6以下ではちゃんと見えないのよね。 もったいない。 なのに、IE6のシェアはまだまだぶっちぎり1位なんよね。 そこで、リニューアルに向けての勉強がてら、IE6でも透過PNGを使えるようになる「IE PNG Fix」を試しに使ってみた。 一

  • 1