タグ

*CSSとieに関するsac3937のブックマーク (21)

  • ppBlog official

    こんにちは、martinです。日に帰国して1年が経ちました。昨年は2月から新しい職場で働き始めたり、9月6日に第1子が生まれたりとバタバタな一年でして、まるでppBlogの開発・サポートが出来ませんでしたが、今年はなるべく時間を作ってppBlogをいじれたらと思っています。 世界中の皆さんにとって、良い年でありますように。 久しぶりのカキコ。 静的リンクでの挙動を変えています。URLのパスに日付情報などを含ませるように。まだ、いじっている段階なので、色々と不具合があるだろうけれど、まぁ気にしないと。 日付情報がある以外には、現状、PermaLink用の英数文字からなる記事タイトルを別に指定できたのですが、これはそのまま取っておくとして、そうでない場合は、記事のタイトルがそのままブラウザのアドレスバーに表示されるような感じにしてます(静的リンクが有効な場合ですが)。今時のブラウザならエンコ

  • IE8が対応したCSS 3の機能:ボックスサイズの算出とルビ関連の機能 - builder by ZDNet Japan

    Microsoft 365のデータは安全か? クラウド型アプリを採用する企業のための 包括的なデータ保護のありかたを解説 日清品グループのDX(後編) 内製化とローコードで実現?ビジネス部門 によるアプリ開発のリアルボイス! 中小企業のひとり情シスの現実 夢か幻か、はたまた現実か? ヘルプデスク業務の週休4日制を考える エンドポイントセキュリティの転機 情報セキュリティ戦略が問われる今 重要インフラ事業者としてANAが考えること サーバースペシャリストへの道 PCサポートとサーバ管理の共通項 ひとり情シスのためのスキル向上のコツ アプリケーションモダナイズ 求められている背景にあるビジネスの今 そして、成功の鍵を握るDevOpsの真の意味 次の一手はこれだ! ZDNet×マイクロソフトが贈る特別企画 今、必要な戦略的セキュリティとガバナンス VMware modern App Days特

    IE8が対応したCSS 3の機能:ボックスサイズの算出とルビ関連の機能 - builder by ZDNet Japan
  • IE8で修正されたCSSとHTMLおよびXHTML関連のバグ - builder by ZDNet Japan

    今回はIE8で修正されたCSSのfloat関連以外のバグについてまとめていく。また、HTMLおよびXHTML関連で修正されたバグについても紹介する。 なお、サンプルではIE8の互換表示ボタンを利用して、IE8とIE7のStandardsモード(標準準拠モード)で表示を比較していく。Standardsモードや互換表示ボタンについては第2回の記事「IE8のレンダリングモードと互換表示」を参照してほしい。 1. 横幅の指定でマージンが消える問題 IE8では、横幅の指定で要素の上下マージンが消えるという問題が修正された。たとえば、サンプル01では でマークアップしたテキスト部分の上下にデフォルトスタイルシートで約1.33emのマージンが挿入されるため、IE8のように緑色のテキストと青色の枠線の間に余白が入る。 しかし、古いIEでは横幅を指定するとマージンが消えてしまうという問題が発生していた。サン

    IE8で修正されたCSSとHTMLおよびXHTML関連のバグ - builder by ZDNet Japan
    sac3937
    sac3937 2009/05/21
    IE8で修正されたCSSとHTMLおよびXHTML関連のバグ
  • HTML/CSS:IE8のCSS対応 - builder by ZDNet Japan

    IE8が対応したCSS 3の機能:ボックスサイズの算出とルビ関連の機能 IE8のCSS 3対応について、今回は新規にサポートしたbox-sizingプロパティと、古いIEでもサポートされていたルビ関連の機能を紹介する。 2009-06-19 14:11:01 IE8が対応したCSS 3とベンダープレフィックス 今回からは、IE8が対応したCSS 3の機能についてまとめていきたい。まずは個々の機能を見ていく前に、IE8から付加することが推奨されるようになったベンダープレフィックスについて確認しておく。 2009-06-11 20:47:01

    sac3937
    sac3937 2009/05/15
    IE8のCSS対応
  • 日記 | ヨモツネット

    blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTMLSVG 混在でき

  • IE8が対応したCSS 2.1の機能:印刷とコンテンツの追加に関する機能 - builder by ZDNet Japan

    IE8はCSS 2.1の機能に一通り対応した。そこで今回からはIE8が新規に対応したCSS 2.1のプロパティや値についてまとめていく。まずは、古いIEでは未対応だった印刷関連の機能と、コンテンツの追加に関する機能について確認していきたい。 なお、新しく対応した機能を利用するにはIE8のStandardsモード(標準準拠モード)で表示する必要がある。Standardsモードや互換表示ボタンについては第2回の記事「IE8のレンダリングモードと互換表示」を参照してほしい。 印刷関連の機能 印刷関連の機能では、古いIEはpage-break-afterとpage-break-beforeプロパティに部分的に対応していた。IE8ではこれらのプロパティを完全にサポートするとともに、@pageルールやpage-break-insideプロパティなど、印刷関連の残りの機能にも対応している。 @pageル

    IE8が対応したCSS 2.1の機能:印刷とコンテンツの追加に関する機能 - builder by ZDNet Japan
    sac3937
    sac3937 2009/04/24
    やっと
  • IE8のレンダリングモードと互換表示 - page3 - builder by ZDNet Japan

    Internet Explorer 8(IE8)は標準に準拠した形でページを表示するため、古いバージョンのIEに合わせて作成したページを表示するとレイアウトが崩れてしまう可能性がある。そのため、IE8には3種類のレンダリングモードが用意され、古いIEと同じ形でページを表示できるようになっている。 そこで今回は、各レンダリングモードの特徴や指定方法を確認していく。また、ユーザーがレンダリングモードを切り替えないようにするため、IE8に新しく用意された「互換表示ボタン」を隠す方法を紹介したい。 IE8に用意されたレンダリングモード IE6の時代からIEには下位互換のために複数のレンダリングモードが用意され、必要に応じて古いIEと同じ形でページを表示することができた。たとえば、IE6とIE7には「Standardsモード」(標準準拠モード)と、「Quirksモード」(互換モード)の2種類のレンダ

    IE8のレンダリングモードと互換表示 - page3 - builder by ZDNet Japan
  • CSSの現状とIE8 - builder by ZDNet Japan

    「IE8のCSS対応」の第1回「IE8が対応したCSSと標準規格(旧題:IE8が対応した標準規格:CSS 2.1は一通りサポート、CSS 3は残念……)」は、builder編集部がつけたタイトルやリード文によってずいぶんとCSS 3がクローズアップされてしまい、来考えていた原稿とはニュアンスの異なる刺激的な記事になってしまったのには驚いた。 しかし、IE8がCSSに関して非常に重要な鍵をにぎっているブラウザであることは事実。ここでCSSの現状も含めてまとめておきたい。 今回、IE8が一通りサポートしたCSS 2.1は、2007年7月に出された勧告候補が最新版となっている。 勧告候補は最終的な勧告ではなく、ここから勧告案を経て勧告となる。勧告候補は問題があれば草案に差し戻されることもあり、実際にCSS 2.1は一度草案に差し戻され、再び勧告候補としてリリースされた。 勧告がリリースされるま

    CSSの現状とIE8 - builder by ZDNet Japan
  • Microsoft Learn: Build skills that open doors in your career

    Microsoft Learn. Spark possibility. Build skills that open doors. See all you can do with documentation, hands-on training, and certifications to help you get the most from Microsoft products. Learn by doing Gain the skills you can apply to everyday situations through hands-on training personalized to your needs, at your own pace or with our global network of learning partners. Take training Find

    Microsoft Learn: Build skills that open doors in your career
    sac3937
    sac3937 2009/04/05
    IE 8のCSS実装変更点
  • IE6で透過pngを表示させるオススメscript、「DD_belatedPNG.js」

    >> 詳細な使用法と注意点を追加エントリーしました。 いまだ絶大なシェアを誇るIE6(Internet Exproler 6)ですが、WEB制作者ならご存知の通り、さまざまなバグ・不具合を内包しております。 ・CSSでfloatしたブロックのmarginが倍になる。 ・後方互換モードの場合、text-alignが子要素にまで影響する。 ・透過png画像が透過されない。 上記以外にも、それはいくつもの制作者泣かせの問題があり、業界内では「IE6氏ねばいいのに」とまで言われているブラウザですが、前述の通りシェアは絶大なので、対応しないワケにもいかず。 すでにいくつもの対応策が出回っておりますが、その中でも自分的に一番オススメするのが、「DD_belatedPNG.js」を使用する方法です。 有名どころの対応策を併記・比較しながら、どこがオススメなのかを含めてエントリーしたいと思います。 有名な

    IE6で透過pngを表示させるオススメscript、「DD_belatedPNG.js」
    sac3937
    sac3937 2009/03/18
    IE6 で透過 PNG を表示するスクリプト と CSS のアレコレ。表題のスクリプトが一番のお勧めとのこと。
  • Whatever:hover

    Hi there! This script is from 2003, and targets a flaw in IE6, which at its peak was a really popuplar browser. Today (oct 2011) it no longer is, and as such this script should not really be necessary anymore. Please try to convice your client, project manager or boss, that not every browser needs to display a website the exact same way; it is the content that matters. And if you really still need

    sac3937
    sac3937 2008/07/03
    IE6以下で a要素以外に:hover擬似クラスを適用させる csshover.htc
  • IE 6 以下で CSS の E:hover, E:active を有効にする JS | ヨモツネット

    概要 IE 5, 5.5, 6 の環境で、全ての要素に対して CSS の E:hover と E:active を有効にする JavaScript ライブラリです。 例えば、 p:hover { baclground : #ccc; } のように CSS を記述すれば、これが動作します。 ただし、E:active にはすこしおかしい部分があるので、E:hover のみでの利用が無難かと思います。 動作確認用の demo ダウンロード 使用方法 ie6csshover.htc を JavaScript として読み込むだけで使用することができます。 例えば、以下のようなソースコードを HTML の head 要素内になどに追記します。 <script type="text/javascript" src="js/ie6csshover.htc"></script> この JavaScript

  • CSS Compatibility and Internet Explorer

    With each new release of Windows Internet Explorer, support for the World Wide Web Consortium (W3C) Cascading Style Sheets (CSS) standard has steadily improved. Internet Explorer 6 was the first fully CSS, Level 1-compliant version of Internet Explorer. Internet Explorer 8 is fully compliant with the CSS, Level 2 Revision 1 (CSS 2.1) specification and supports some features of CSS Level 3 (CSS3).

    CSS Compatibility and Internet Explorer
    sac3937
    sac3937 2008/04/01
    IE5.0~IE8.0のCSS対応状況まとめ
  • IE6 Three Pixel Gap

    ! [rejected] master -> master (fetch first) is an error message that occurs when Git rejects changes to a remote repository from your local repository because the remote repository was … Read more

    sac3937
    sac3937 2008/02/04
    フロートするとIEで3pxの隙間が開くのを解決する
  • IE7でHTMLに存在しない要素にスタイルシートを適用する方法: ある SE のつぶやき

    AjaxianとHTML5.JPでIE7以降で、HTML5の新要素にスタイルシートを適用する方法が紹介されていました。 Ajaxian » Getting HTML 5 styles in IE 7+  HTML5の新要素にCSSを適用するテクニック - HTML5.JP ですが、この方法はどんな要素にも適用できるようです。 例えば、以下のようなHTMLがあったとします。 <html> <head> <style> dummy { color:red; font-size:2em;} </style> </head> <body> <dummy>ここは&lt;dummy&gt;要素です。</dummy> </body> </html> このHTMLは、IE7では以下のように表示されます。 FireFox2.0だとこうなります。 Opera9.24だとこうなります。 IE7だけスタイルシート

  • RetujyOu.com is for sale | HugeDomains

    As a startup, cash flow is king - so the financing was helpful to spread out costs during the ramp-up period. Huge Domains seems to have a good portfolio, and these days good domains are like real estate. The process was smooth and easy and I'd recommend them. - Roger Vaughn, July 21, 2022

    RetujyOu.com is for sale | HugeDomains
    sac3937
    sac3937 2007/11/07
    IEでもアンカー以外にhoverをきかせるスクリプト
  • ウノウラボ Unoh Labs: hasLayoutとは何か

    yamaokaです。 CSSに携わっている方なら、Holly hackを使ったことがあるかもしれません。 /* Hides from IE5-Mac \*/ * html .foo { height: 1%; } /* */ Internet Explorer(以下IE)で、レイアウトに問題のある要素に 上記のようなスタイルを指定をすると、 あら不思議、まともな表示がなされるというものです (上記のままではIE7に対応していませんが…)。 さて、どうしてレイアウトが意図したとおりに行われるようになるのでしょうか。 IEのhasLayoutプロパティ IEでは、全ての要素が 「hasLayout」という読み取り専用のプロパティを持っています。 これはそれぞれの要素がレイアウト情報(=要素の幅・高さなどに関する属性情報)を 保持しているかどうかを示す値で、 デフォルトの状態では「hasLayo

  • http://youmos.com/news/iefixed_htc

  • input要素などにおけるIEのバグ

    input要素などにおけるIEのバグ ちょっと、はまったのでメモ書き IE6やIE7では、margin-leftとwidthが指定されたブロックレベル要素内の行ボックスの先頭にinput要素やtextarea要素がある場合、適切な位置に配置されないというもの。 select要素などは適切に配置される。 CSS p{ margin-left:50px; width:100px; } HTML <p><input type="text" /></p> <p><textarea></textarea></p> <p><select><option>test</option></select></p> サンプル とりあえずmargin値で余白をとるのではなくpadding値を指定することで対応。 関連エントリー operaでのfloatの挙動 IE7でページが表示されない件について IE7用のCS

    input要素などにおけるIEのバグ
  • 乐山厩荒商贸有限公司