TRANS - * { magin: 0;}だけでは物足りない！zoom: 1;を使おうよ！
IE6からIE7が今後本格的にマーケットシェアを取って行くことを考えると、IE7の仕様やバグを考えた上でのマークアップが欠かせないとは思います。でも、僕らはまだIE7がどんなものかが分からない。そのため、とりあえず* { zoom: 1;}を指定しておくことが安全策なのかもしれません。 IE7のZoom機能で、見事にこける。 先日、うちの本体のサイトを更新し終わった際に、スタッフから「あれ、しゃらくのサイトずれてるよ」と指摘されました。更新箇所が多く、CSSも多少いじくったので、どこか消してしまったのかもしれません。そこで、自分のブラウザで確認するも、どうも問題が再現できない。そのスタッフのブラウザを見ると、こんな感じになっていました。 僕のFirefoxで見てみても問題ないし、そのスタッフが使っているIE7でも問題なし。「うーん」と悩んでみるものの、意外と答えは簡単なところにありました。
jQueryとTwitterのAPIを使ったWindows 7アプリを作ってみた
jQueryとTwitterのAPIを使ったWindows 7アプリを作ってみた：楽しいWindows 7アプリ作成入門（5） 「あんなこといいな」「できたらいいな」というアイデアをWindows 7の表現力で具体的な“アプリ”という形にするには、どうすればいいのだろうか？ 具体的なコードやデモとともに一から教えます Twitterのフォロワーを画像を一覧表示して投稿もできる 本稿では、Webデザイナ／プログラマの方でもテキストエディタとWebブラウザで簡単に作成できる、TwitterのAPIを使ったWindows 7デスクトップガジェット（以下、Windows 7ガジェット）の作り方を紹介します。Windows 7デスクトップガジェットの基礎については、記事「HTML＋JavaScriptで作れるWindows 7デスクトップアプリの基礎知識」を参照しておいてください。 実装する機能は、
IE9、IE8、IE7 - クロスブラウザコーディングテクニック | エンタープライズ | マイコミジャーナル
Windows Internet Explorer 9 IE9はこれまでのIEシリーズの中でもっともほかのブラウザと互換性の高いブラウザになる。WebデベロッパやWebデザイナにとってはやく訪れてほしいブラウザとなるが、Chromeのように強制アップグレード方式を採用していないIEは、今後も長期に渡ってIE8、IE7、IE6との互換性も考慮したコーディングを要求されることになる。 こうした場合に使えるコーディングテクニックがIEBlog : Same Markup: Writing Cross-Browser Codeにおいて紹介されている。実際にIE9、IE8、IE7などに適用できる例をともに説明があり参考になる。紹介されているコーディングテクニックは次のような内容。 クロスブラウザコードを記述するときのベストプラクティス ページの振る舞いを決めるためにブラウザを特定するようなことはして
IEでのCSSのバグを回避するhasLayout | コリス
IE7で拡大・縮小時にレイアウトが重なってしまったり、IEでフロートした要素がはみ出てしまったりとIE独自のCSSのバグがいくつかあります。 これは、IEのhasLayoutが原因のひとつとなっているので、それを回避する方法を考察します。 hasLayoutとは IEでのCSSのバグを回避するhasLayoutの値 CSSのバグに効果のあるhasLayoutの指定方法 hasLayoutの参考ページ hasLayoutとは hasLayoutとは、オブジェクトがレイアウトを持っているかどうかを示すものです。 hasLayoutの値はread-onlyのため読み込みのみ可能で、falseとtrueがあります。 hasLayoutの値（read-only） false デフォルト値。 オブジェクトがレイアウトを持っていない。 true オブジェクトがレイアウトを持っている。 IEでのCSSのバ
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のみに効くハック スタ
Visual Cheat Sheet: CSS Compatibility with Internet Explorer 6, 7 and 8 | TutorialFeed
Now a days browser compatiblity has become a very important task among web designers and developers. With each new release of Windows Internet Explorer, support for the Cascading Style Sheets (CSS) standard has steadily improved. This Visual Cheat Sheet will help you to understand CSS (2.1 and 3) behavior in Internet Explorer's earlier (IE6 and IE7) and recent (IE8) versions. This cheat sheet (2 p
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は対象の要素やプロパティをサポートしてい
[CSS]気をつけたいIE 7のバグ -CSS-Discuss
CSS-Discussにアップされている「IE 7 Bugs」の意訳です。 省略している箇所も多数あるので、原文も参照ください。 Internet Explorer Win Bugs - css-discuss 注意： バグには、IE7のみでなく、IE 5, 5.5, 6のものも含まれています。 公開されてから時間が経っているためか、ちょっと古いものもあります。 IEのフォントサイズのバグ フォントサイズの継承 IEの相対指定のフォントサイズの継承は、うまく機能しません。 相対指定を行う場合、emより%で指定を行う方が便利です。もし、em指定を行う場合は最初に%指定を行ってください。 例： body{ font-size: 100.01%; } ※100%の代わりに100.01%を使用するのは、Operaでの継承バグの回避のためです。 キーワード指定でのサイズ フォントサイズに「small
![[CSS]気をつけたいIE 7のバグ -CSS-Discuss](https://cdn-ak-scissors.b.st-hatena.com/image/square/bc54860ba06deaa45382cf2bddc929515def0354/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fshared%2Flogo-2014050501-en.png)
IE 6, IE 7 の inline-block 考察 | ヨモツネット
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 意味なかったです多分。いまは HTML に SVG 混在でき
IE7 DIV内のTable表示の問題 --- AquaSunネットサービス ブログ
DIVで表示領域を固定化し、スクロールバーで操作させることはよくある話です。 DIVタグ括られた中に、Tableタグを幅100%で定義し、縦スクロールが必要な縦サイズの場合、 縦スクロールだけでなく、横スクロールも表示されます。 これはIE7特有の現象みたいで、 Firefox, IE6 などでは確認できませんでした。 こんな感じの場合ですね。 <div style="height:160px; width:600px; overflow:auto;"> <table border='0' width='100%' cellpadding='0'> <tr> <td> ・・・ </td> </tr> ・・・ <tr> <td> ・・・ </td> </tr> </table> </div> 他にも何かの条件があ
IE7対象、CSSのみで画像の縮小サムネイルをきれいに表示させる方法
IE7対象、CSSのみで画像の縮小サムネイルをきれいに表示させる方法 ◆Tip: High quality CSS thumbnails in IE7 [Devthought] [情報元：画像をCSSだけでハイクオリティに縮小サムネイル化する方法:phpspot開発日誌] HTMLで画像サイズを強制的に縮小表示させても、きれいに縮小した画像を表示させるCSSテクニックが紹介されています。対象となるのはIE7。ちなみにFirefoxやGoogle Chromeはこのようなテクニックを使用しなくてもきれいに表示されるそうです。初めて知った・・・。 小さい画像を表示する場合、通常はあらかじめ縮小した画像を用意しておきますが、このテクニックを用いれば、場合によってはサムネイルの作成の手間を省くことが出来ます。ただ、実際には表示が縮小されていても、元の画像をそのまま読み込ませているため、ページの構成
XHTMLのコメントもセレクタ対象？(:first-childが効かない-IE7-) - Probationer M's Labo
この現象はまだお目にかかったことはなかったのだが、今後「:first-child」を使う機械も増えると思い載せておくことにしました。しかも現在では対処方法がないとのことです。知ってるか知らないかの違いで、対処法を探し無駄に時間を費やすと思うとぞっとします。 IE7にXHTMLのコメントもセレクタの対象として扱うというバグがあるそうです。 まずは現象を見てもらうのが手っ取り早いので、下のサンプルをIE7とFirefoxで見比べてみて下さい。 XTHMLの記述 <div> <p>1つ目の段落</p> <p>2つ目の段落</p> </div> <div> <!--コメント--> <p>1つ目の段落</p> <p>2つ目の段落</p> </div> CSSの記述 p:first-child{ color: #FFF; background-color:#F86C18;
IE7の記号が小さく表示される問題について - sarapapaブログ
IE7(Internet Explorer7)にて一部の記号（○☐△×※など）が小さく表示されてしまう問題を調査した。 この問題が発生する条件を特定した。条件は以下のとおり。 条件1．ブラウザがInternet Explorer 7であること。 条件2．ホームページ(HTML)がUnicode(UTF-8)であること。 条件3．ホームページ(HTML)の中でフォントが指定されていないこと。 問題の原因は、IE7が多言語表示(Unicode)の際に記号の大きさを調整してしまうこと、らしい。（やれやれ） よって、この問題を解消するには上記の逆を実施すればよい。 ・ブラウザIE7でのアクセスを禁止する（現実的ではない） ・ホームページの文字コードをUnicode(UTF-8)以外のShift_JISなどにする。（国際化対応できなくなる） ・ホームページ内でフォントを指定する。（現実的なのはこれく
IE7で○（丸）や×（バツ）などの記号が小さく表示される事象について
Web 制作のことを中心に、ちょっとした Tips などを掲載しています。「自分用メモ」が基本スタンス。 btmup Blog IE7（Internet Explorer 7）で発生する、「一部の記号（○□△×など）が小さく表示される」という事象を解決する方法があったので、メモ的にエントリーしておきます。 結論から言ってしまうと、「UTF-8 でフォント指定をしていないサイトを IE7 で表示した場合」に発生する事象のようなので、その条件をクリアしてやれば良いようです。 以下、詳細。 経緯 僕は自宅でも会社でも MacOSX 環境なので、制作したサイトのクロスチェック以外に IE を使うことはほぼありません。 ただ、お客さんの大部分は Windows ユーザーで、IE7 のユーザーもかなり増えてきているようです（自動更新開始から既に数ヶ月経ってますしね）。 そんなわけで IE7 絡みの問い
【特集】正式版完全対応! Internet Explorer 7 CSS攻略法 | クリエイティブ | マイコミジャーナル
Copyright (C) Mainichi Communications Inc. All rights reserved. 掲載記事の無断転載を禁じます
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://blog.e-riverstyle.com/2009/10/iecsscss.html
[CSS]IE6/7/8で異なるCSSの対応状況をCSS2.1, CSS3ごとにまとめたチートシート