タグ

関連タグで絞り込む (0)

  • 関連タグはありません

タグの絞り込みを解除

codingとcssとmsieに関するcu39のブックマーク (9)

  • 2008/10/16 - CSS Expressions のサポート終了について

    記事は、Internet Explorer 開発チーム ブログ (英語) の翻訳記事です。記事に含まれる情報は、Internet Explorer 開発チームブログ (英語) が作成された時点の内容であり、製品の仕様や動作内容を保証するものではありません。記事に含まれる情報の利用については、使用条件をご参照ください。また、記事掲載時点で、Internet Explorer 開発チーム ブログ (英語) の内容が変更されている場合があります。最新情報については、Internet Explorer 開発チームブログ (英語) をご参照ください。 翻訳元 : Ending Expressions (英語) 標準への準拠、パフォーマンス、信頼性、およびセキュリティといった設計基準は、Internet Explorer 8 のすべての設計を構成しており、新機能だけでなく既存の機能に対しても適

    2008/10/16 - CSS Expressions のサポート終了について
  • 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共通の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にならないのでこれも解決法が示されて

  • CSS Differences in Internet Explorer 6, 7 and 8 — Smashing Magazine

    One of the most bizarre statistical facts in relation to browser use has to be the virtual widespread numbers that currently exist in the use of Internet Explorer versions 6, 7 and 8. As of this writing, Internet Explorer holds about a 65% market share combined across all their currently used browsers. In the web development community, this number is much lower, showing about a 40% share. The inte

  • IE6、IE7、IE8におけるCSSの違いまとめ | エンタープライズ | マイコミジャーナル

    IE? - IE6, IE7 and IE8 Net Applicationsの報告によれば、2009年9月におけるブラウザシェアはIEが65.71%で過半数のシェアを確保している。バージョンごとにみるとIE6 24.42%、IE7 19.39%、IE8 16.84%となっており、IE6、IE7、IE8のシェアが拮抗しつつあることがわかる。これまでのシェア変動から推測すると、今後数ヶ月の間は3つのバージョンのIEが似たようなシェアを持った期間が続くことになる。IEが第一シェアだといっても、結果的に3つのバージョンに対応する必要がある。 この状況は、特にCSSのサポートという面で厄介な状況を生み出している。IE8はCSS 2.1への高い準拠を実現しているが、IE7はそうではない。IE6はサポートしている要素やプロパティがさらに少ない。またIE7やIE6は対象の要素やプロパティをサポートしてい

    cu39
    cu39 2009/10/19
    元記事を一覧表にしてる。
  • IE 6で泣かないための、9つのCSSハック (1/3) - @IT

    有限会社タグパンダ 喜安 亮介 2009/10/8 Webブラウザごとのレンダリングエンジンの違いにより起こるレイアウトの表示ずれ問題に泣かされるWebデザイナのために、Webブラウザごとに使えるかどうかの表を交えながら問題を解決するためのCSSハック&フィルタTipsをお届けします(編集部) 最も多く使われているのに……、いや、だからこそ 多くのWebデザイナの悩みの1つは、レイアウトの表示ずれ問題だと思います。これは、各Webブラウザが採用しているレンダリングエンジンの違いから起因している場合が多いです。その中でも、最もWebデザイナ泣かせのWebブラウザなのは、マイクロソフトが開発しているIE(Internet Explore)のバージョン6です。 IE 6は、発売開始当初のWindows XPにデフォルトでインストールされていたWebブラウザということもあり、世の中の多くのユーザー

  • IEとFirefoxでz-indexの扱いが異なる - 調べものブログ

    CSSのz-index指定を行った場合、InternetExplorerとFirefoxで表示が異なることがあります。例えば、あるCSS,HTMLをIEとFirefoxで表示したとき、次のように異なった表示になります。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <style type="text/css"> div.level1 { width:220px; height:265px; position:absolute; border:solid black 1px; } div.level2 { width:150px; height:100px; position:absolute; border:solid black 1px; } div.level3 { width:100px; heigh

    IEとFirefoxでz-indexの扱いが異なる - 調べものブログ
  • a:hoverでz-indexを変えて重なりの入れ替えをIEにも対応させてみた – 我流天性 がらくた屋

    CSSで、a:hoverによるz-indexを変えてレイヤーの重なりを制御しようとしたのですが、IEにハマりました。特にIE7に。 まず最初に試したのが下記のa:hoverでz-indexを変更する事。 これはFirefox2,Safari等では当たり前に動いてくれます。 a{ position:absolute; z-index:1; } a:hover{ z-index:2; } しかしこれだけだとIEは動きません。 しかもIE5.5,IE6とIE7との挙動が違ってる分、苦労しました。 特にIE7は「a:hover時にz-index以外の別の属性も変更させないとz-indexが反映されない。」に気付く迄随分とハマりました。 これは個人的な予想ですが。 IE7はa:hover時にborder,visibility,background等、表示に関する何かの属性を明示的に変更しなければ、z

    a:hoverでz-indexを変えて重なりの入れ替えをIEにも対応させてみた – 我流天性 がらくた屋
    cu39
    cu39 2009/09/04
    z-indexを入れ替えただけでは再描画トリガにならない?ので、border, visibility, backgroundなど他の表示属性を一緒にいじるとよいらしい。
  • 【特集】正式版完全対応! Internet Explorer 7 CSS攻略法 | クリエイティブ | マイコミジャーナル

    Copyright (C) Mainichi Communications Inc. All rights reserved. 掲載記事の無断転載を禁じます

  • 1