Remove Button Text in IE7 | CSS-Tricks
HTML: <input class="button" type="button" value="Go"> .. or .. <button class="button">Go</button> CSS: input.button { text-indent: -9000px; text-transform: capitalize; } Negative-indent alone unfortunately doesn’t work to remove text from a button element in IE7, but add text-transform: capitalize; and presto! Psst! Create a DigitalOcean account and get $200 in free credit for cloud-based hosting
【特集】正式版完全対応! Internet Explorer 7 CSS攻略法 (11) 03-07 修正/未修正バグの問題を回避する(5) | クリエイティブ | マイコミジャーナル
フロート要素の上下マージンがなくなる問題 IEでは、ブロック要素にfloatプロパティを指定すると、デフォルトスタイルシートで挿入される上下マージンが消えるという問題が発生する。IE7でもこの問題は修正されていない。 IE6での表示 IE7での表示 Firefoxでの表示 サンプルソース: 3-5-9 sample03-05-09.html h1 {background-color:yellow} #container {background-color:cyan} #image {float:left} <h1>見出し</h1> <div id="container"> <p id="image"> <img src="image.png" width="85" height="85" /> </p> <p id="text">文章文章文章文章文章文章文章文章
IE8のmax-widthではまる - nybbの雑記
スナバジムのサイトで画像が縦の長さは正常に表示されるものの、横が本来240pxあるのに対して、10pxに縮小されてしまう、という現象が発生していました。 スナバジム » Blog Archive » IE8での表示不具合のお詫び 不具合が発生した部分のcssは以下 img { max-width:100%; } .img-shadow { float:right; background: url(../img/shadowAlpha.png) no-repeat bottom right !important; background: url(../img/shadow.gif) no-repeat bottom right; margin: 0 0 10px 15px !important; margin: 0 0 10px 10px; } .img-shadow img { displ
inline-blockはもう使える（だいたい） | Takazudo Clipping*
inline-blockとは、まさに、その名の通り、インライン要素とブロック要素の中間的なdisplayプロパティの値です。display:inline-blockが指定された要素は、文中にブロック要素をボコっと突っ込んだような形で描画されます。前後で改行されないブロック要素のような存在です。Firefox3で正式にサポートされたみたいです。使用に関して問題となるのは、これに対応していないIE7,IE6とFirefox2なのですが、どうにか頑張ると、ほぼ同様の効果を得ることができます。最近使う機会があったので、ソース解説と併せて紹介します。 まず、inline-blockは、以下のような点が便利です。 幅や高さを持てる インライン要素ではwidth,height,縦方向のmargin,paddingが無視されますが、inline-blockだとこれが可能になります。 連続するブロック要素を
ie9.jsを使うと出来ること、出来なくなること。 - Toro_Unit
最近ie9.jsを活用することが少々あるので、 いまさらながらまとめです。 配布場所 ie7-js http://code.google.com/p/ie7-js/で配布されています。 デモはhttp://ie7-js.googlecode.com/svn/test/index.htmlで見れます。 使い方 head内に [html] <!–[if lt IE 9]> <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script> <![endif]–> [/html] と貼り付けるだけです。フッターに貼ると誤作動起こす場合がたまに合ったような気がします。 できるようになること E > F 子セレクタ。直下の子要素にのみ適応するやつ。 E + F 隣接兄弟セレクタ。Eのすぐ下隣に居る弟要素
IE7のCSSバグ（border付きbox内のfloatでmarginが効かない） [css,IE7,バグ] - BlurBlue-Note
今日ちょっとひっかかったIE7のCSSバグをメモしておきます。 どうやらborder付きのbox内に2重に入れ子にしたfloatさせたboxの親要素（ややこしい！）のmarginが効かなくなるようです。 口で言い表しづらいので、以下のソースを見てください。 XHTML <div id="page"> <div id="content"> <ul> <li id="hoge">hoge</li> <li id="huga">huga</li> </ul> </div> </div> こうなっている時、#contentにborderが設定されると、UL要素のmarginが効かなくなります。 CSSサンプルは以下の通り。 CSS * { list-style: none; margin: 0; padding: 0; line-height: 1; } div#page { width: 350
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と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
CSS の z-index について整理してみる | HTML + CSS | かたつむりくんのWWW
今日は CSS Nite in Ginza, Vol.31に行ってきます。テーマは「CSSレイアウト：IE 6対応のかんどころ／小林 信次（まぼろし）」ということで、以前「CSS Nite ビギナーズに参加した感想とか要望とか」で書いた「CSS Nite への要望っぽいこと」が実現した感じで、すごく楽しみです。 僕は Web制作の現場にいないので、実務経験が少ないです。ですので、日頃、Web 制作を仕事としてやっている人が、サッと解決できちゃうようなことにもハマったりします。 そういった点を補うには、今日の CSS nite のようなテーマはすごくありがたいです。 さて、前置きが長くなりましたが、今日は以前ひっかかった IE6 の z-index の解釈について、改めて整理してみました。 どんなシーンでハマったか このブログもそうですが、最近ページ上部にグローバルナビゲーションを配置し、そ
[CSS]IEで、min-widthやmax-widthを実現する方法
CSS-Tricksで、IE用に「expression」を使用して、min-width、max-widthを実現する方法がエントリーされていました。 The Perfect Fluid Width Layout デモページでは、最小幅780pxを維持しつつ、最大幅1280px以上になると残りの箇所は背景画像が表示されるようになっています(参照：キャプチャ画像)。 min-width、max-widthの箇所は、下記のように記述されています。 #page-wrap{ background: white; min-width: 780px; max-width: 1260px; margin: 10px auto; width:expression(document.body.clientWidth < 782? "780px" : document.body.clientWidth > 12
IE6 Countdown
The Internet Explorer 6 Countdown Moving the world off Internet Explorer 6 10 years ago a browser was born. Its name was Internet Explorer 6. Now that we’re in 2011, in an era of modern web standards, it’s time to say goodbye. This website is dedicated to watching Internet Explorer 6 usage drop to less than 1% worldwide, so more websites can choose to drop support for Internet Explorer 6, saving h
もうIEで泣きたくない！IE6,7,8 でのCSS対応度の違いをまとめてみた：ekakou フリーフォント/Photoshop
（CSS Differences in Internet Explorer 6, 7 and 8） 日々、Web制作者の頭を悩ませている。Webの異端児IE。 本日は、IEのバージョンごとのCSS対応度の違いをまとめたエントリー『CSS Differences in Internet Explorer 6, 7 and 8』をいくつか紹介します。 詳しくは以下から、 セレクタと継承 子供セレクタ 例 a:hover span { color: #0f0; } 解説 子供セレクタは、特定の要素（例：body）を直接親とする任意の要素（例：p）にマッチします。 例では、bodyが親でpが子供です。 参考：子供セレクタ - セレクタ - CSS2リファレンス サポート
「IE6の利用はやめて」、内閣官房が各省庁に移行を推奨
内閣官房情報セキュリティセンター（NISC）は2010年6月17日、各府省庁に対して、Internet Explorer 6（IE6）からInternet Explorer 8（IE8）への移行を推奨したことを明らかにした。 IE6は、2001年8月にリリースされたWebブラウザー。最近では、セキュリティや互換性の問題が頻発。例えば2010年1月には、IE6だけを狙った攻撃が確認されている。このためマイクロソフトなどでは、IE6のユーザーに対して、最新版IE8への移行を推奨（図）。グーグルなどのWebサービス提供者は、IE6への対応を順次打ち切っている。 しかしながらNISCによれば、中央省庁の中には、バージョンアップすることなくIE6を使い続けているところがあるという。組織内のシステム（Webアプリケーション）を、IE6用に構築しているためだ。IE8に移行するとなると、既存システムがIE
css-eblog.com - このウェブサイトは販売用です！ - css eblog リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
css-eblog.com - このウェブサイトは販売用です！ - css eblog リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
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は対象の要素やプロパティをサポートしてい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Account Suspended
ie7-js - A JavaScript library to make MSIE behave like a standards-compliant browser. - Google Project Hosting
IE7/IE8.jsを使って、スタイルシートの標準化
worldending.jp