タグ

ieとcssに関するusagi_fのブックマーク (5)

  • Platform Status - Microsoft Edge Developer

    View the status of web platform features in Microsoft Edge (Chromium) and Microsoft Edge (EdgeHTML). Note: This is not an exhaustive list of features. We will add more features to this list over time.

  • HTML5 & CSS3のクロスブラウザー対応方法まとめ

    この度、HTML5でWordPressのテーマを作成したわけですが、まだHTML5は勧告前の仕様であり、ブラウザーによっても実装状況はさまざまです。主要ブラウザーであるFirefox、Chrome、Safari、Operaについては、だいぶ実装が進んでいると言われていますが、Internet Explorer(特にIE8以下)については対応が大変遅れています。WebサイトをHTML5で作成した場合、現状ではどうしてもシェアの多いIEに対応させる必要があります。 ということで、今回私が行ったHTML5とCSS3のクロスブラウザー対応策をまとめておきます。

  • IE7 バグ 早見表 by nobu

    CSSのバグに効果のあるhasLayoutの指定方法 hasLayoutを変更するプロパティには、「float」「position」「writing-mode」のように実装するレイアウトでその値を指定できないなどの制限があるものもあります。 また、「height="1%"」のように特定の箇所には使用できないものもあります。 ほとんどのレイアウトでは、拡大縮小せず100%の状態でユーザーに利用してもらうことを前提に制作していると思うので、この「zoom」を利用して指定する方法がよいと思います。 CSSのバグに効果のあるhasLayoutの指定方法 *{zoom:1;} 「*」は全てのタグに適応する意味になります。 全てを対象にするのが具合の悪い場合は、個別の箇所に指定してください。 背景色が指定された要素内でfloatがある時、要素内の文字が消えるとか、 floatに後続するmarginの値

  • display:inline-block; を使う | css | understandard.net

    要素の横並びに float:left; ではなく display:inline-block; を使うためのメモ。 元ネタは、CSS display: inline-block: why it rocks, and why it sucks ※ 2011年4月12日追記: 暫定版ですが、新しい方法を書きました。display: inline-block を使う(修正版) float:left; で横並びにしようとしたとき、各要素の高さが違うと このようになってしまいます。 カッコ悪いですよね…。というよりデザイン通りになっていません。 display:inline-block; を使うと、 このようになります。素晴らしい!エクセレント! display:inline-block; には、text-align および vertical-align が指定できるので、今まで面倒だったレイアウトが

    display:inline-block; を使う | css | understandard.net
  • jmblog.jp - IEでa要素以外に:hover擬似クラスを適用させる

    IE6以下では、:hover擬似クラスが <a> 以外では適用されません。が、この問題の解決策が紹介されているサイトを発見しました。 » WEBFACTORY ::: BLOG: IEでhoverをa以外に効かせる » Hackadelic: csshoverを使ったWeb StandardなCSSコーディング それぞれで紹介されているとおり、Whatever:hover で配布している csshover.htc というスクリプトを使えば、IEでもいろんな要素に:hoverを適用させることが出来ます。(ダウンロードの場所がちょっとわかりづらいですが、Changes のなかにあります。) 使い方は、css で以下のように書くだけ。

  • 1