Lucky bag::blog: IE で min-width を指定する方法
IE は min-width に対応していないんだけど、「Stu Nicholls | The CSS Playground」でスクリプトを使わず CSS だけで擬似的に min-width を指定する方法が紹介されていたんで、ざっくりとご紹介。この方法は、Win IE のみに効く方法で、Mac IE では機能しない模様。サンプルとして下記の (X)HTML を使用してみる。 <div class="container"> <div class="box"> <div class="contents"> 内容 </div> </div> </div> これに対して、幅 90% で最小幅 400px の指定をしてみる。IE5.5 と IE6 に対応したパターンと IE5.01 と IE5.5 と IE6 に対応したパターンの２種類の方法がある。 実際に試してみたサンプル IE5.5 と IE
非対応セレクタを利用した CSS ハックの注意点 - 2xup.org
2007-01-21T04:00:10+09:00 Microsoft Internet Explorer 7 正式版の登場で、これまで未対応だった CSS セレクタが利用できるようになりました。Windows IE7 で対応したプロパティのおさらいと、その他ブラウザでの対応状況を資料ではなく実際に試してみてまとめていた中から今回は子セレクタと隣接兄弟セレクタにしぼり、備忘録も兼ねてまとめてみます。子セレクタ、隣接兄弟セレクタの仕様は以下のとおり。 子セレクタ A>B { property: value; } 親要素 A の直下(子) にあるBにのみ装飾を行うセレクタ。 div>span { color: gray; } この場合、<div><span>not gray</span></div> はグレーの文字になりますが、<div><p><span>not gray</span></p>
nitoka blog: IEだとimgタグをlabelで囲んでも動かない
FireFoxだとこんな感じで、imgタグをlabelで囲めばlabelの動きをしてくれるのですが、 <input type="radio" name="q1" value="1" id="q11" > <label for="q11"><img src="images/hoge.gif" alt="値1" /></label> <input type="radio" name="q1" value="2" id="q12" > <label for="q12"><img src="images/huga.gif" alt="値2" /></label> <input type="radio" name="q1" value="3" id="q13" > <label for="q13"><img src="images/fuga.gif" alt="値3" /></label> IEだと
【特集】正式版完全対応! Internet Explorer 7 CSS攻略法 (1) 01 はじめに IE7日本語正式版のCSS実装を検証する (MYCOMジャーナル)
Internet Explorer 7日本語正式版 Internet Explorer 7(IE7)の日本語正式版がリリースされた。現在はまだダウンロードしてインストールする必要があるが、2007年4月をめどに、Windowsの自動アップデートで「優先度の高いアップデート」として配布される予定だ。「IE7ではWebページの表示が崩れる」といった問題が出る場合、それまでには対応を済ませておきたい。 そこで本稿では、IE7 beta2のCSS実装検証を元に、IE7日本語正式版における変更点やバグをまとめる。また、IE6以下との下位互換やモダンブラウザとの互換性を保ちながらバグを回避する方法、CSSハックについても検証する。 新規対応機能一覧 未対応機能一覧 修正済みバグ一覧 未修正バグ一覧 CSSハック一覧 参考 CSS実装徹底検証! そこが知りたいInternet Explorer 7 なお
posiotion: absolute;で絶対配置に固定したli属性は、IE6もしくはIE7において、display: block;が効かない？ - Trans
既に、どこかで公表されているバグなのかもしれないけれど、自分がハマリにハマリ、今日一日をこれだけのために使ったと言っても過言ではないので。 こんなコードを書いていた。まず、HTML。 <div id="navi"> <ul> <li><a href="#">ああああ</a></li> <li><a href="#">いいいい</a></li> <li><a href="#">うううう</a></li> </ul> </div>簡単なulとliで書いたナビゲーション用のコード。次はCSS。 #navi { position: absolute; width: 240px; left: 21px; top: 411px; margin: 0; padding: 0; } #navi ul { list-style-type: none; margin: 0; padding: 0; } #na
【CSShack/ＣＳＳハック】いつie7リリースがあってもこれで大丈夫！なハック::::::STOPN' LISTEN::::::to the silence:::::::
免責事項：本サイトに含まれる情報は、一般的な情報提供のみを目的としています。情報はスペシャルベストによって提供され、当社は情報を最新かつ正確に保つよう努力しますが、いかなる目的においても、ウェブサイトまたはウェブサイトに含まれる情報、製品、サービス、関連グラフィックスに関する完全性、正確性、信頼性、適合性、利用可能性について、明示または黙示を問わずいかなる表明または保証も行いません。従って、これらの情報に依拠することは、あくまでもお客様ご自身の責任において行われるものとします。 当社は、当ウェブサイトのご利用に起因するいかなる損害についても責任を負いません。 本ウェブサイトから、スペシャルベストの管理下にない他のウェブサイトへリンクすることができます。当社は、それらのサイトの性質、内容および利用可能性を管理することはできません。リンクは必ずしも推奨するものではありませんし、リンク先で述べら
IE7 の CSS レンダリングを検証
IE7 の日本語版もリリースされ、ぼちぼち使い始める人たちも増えてきそうな今日この頃。 IE7 からは今まで Firefox 等に比べて遅れていた CSS への対応も進み、サイト制作者にとってはうれしい限りなのですが、実際 IE7 のCSS レンダリングはいかがなものか、簡単に検証してみました。 今回検証したのは、IE7 におけるボックスモデルの取り扱いと、セレクタへの対応状況。 まずはボックスモデルの検証ですが、用意したのは下記の XHTML と CSS。 <ul> <li class="first_list">First element of list</li> <li class="second_list">Second element of list is a bit longer to illustrate wrapping.</li> </ul> ul { margin:0;
ブロガーたちが語るIE 7の魅力と問題点
Internet Explorer（IE）のアップグレードをおよそ5年間待たされたユーザーたちは、リリースされたばかりのIE 7を早速試し、オンライン上で意見を述べている。 競合製品との比較、セキュリティ問題や動作速度などIE 7についてブログ上で議論されている。ある者は、機能性および信頼性ともにIEに勝る競合ブラウザに対抗するためにMicrosoftが取っている方法について意見を述べた。また、ある者は、MicrosoftがIE 7の正式版をリリースする前にYahooが同ブラウザのカスタマイズ版をリリースしたのは、正式に予定されていたことなのか、あるいは不意打ち的な販促活動の1つだったのか、との疑問を投げかけた。しかし、その他の人々は、おおむねIEの最新版に好意的な意見を述べていた。 ブロガーたちの反応 私に言えることは、そろそろ（IEをアップグレードしてもいい）頃合ということだ。セキュリ
IE 7のタブブラウザとRSSリーダーを使ってみた
前回に引き続き、Internet Explorer 7を試してみる。今回は注目機能であるタブブラウザ機能とRSSリーダー機能を使ってみよう。 →IE 7の初期設定はこちら →印刷機能やショートカットはこちら タブブラウザを確認する Biz.IDの読者であれば、タブ切り替え型ブラウザを利用している方も多いかもしれない。念のため説明しておくと、これまでのIEでは1つのウィンドウに1つのWebページしか開けなかった。IE 7では1つのウィンドウ内に複数のWebページを開くことが可能で、その切り替えをブラウザ上部のタブで行うようになっている。これまでどおり別のウィンドウで開くことも可能なので、「タブブラウザはどうも……」という方は従来と同じような利用方法もできる。
IE6とIE7を判別するJavascriptコード:phpspot開発日誌
Abe Fettig’s Weblog 実Detecting IE7 in Javascript IE6とIE7を判別するJavascriptコード。 判別は次のようなコードで出来るようです。 if (typeof document.body.style.maxHeight != "undefined") { // IE 7, mozilla, safari, opera 9 } else { // IE6, older browsers } IE7もそろそろ正式版がリリースされるようですのでメモしておくとよいかも。 関連エントリ 古いバージョンのＩＥを１台のＰＣで使う方法 IE7 Is Coming This Month...Are you Ready?
TechCrunch Japanese アーカイブ » IE7に付けて欲しかった10の機能
The perception in Silicon Valley is that every investor would love to be in business with Peter Thiel. But the venture capital fundraising environment has become so difficult, that even… Several hotel check-in computers are running a remote access app, which is leaking screenshots of guest information to the interne
Core Services
IETester Free WebBrowser for easy testing different IE versions. IETester is in Alpha Version. Learn More → SunnyReports SunnyReports is an Adwords reporting tool which makes it easy to create full customizable Adwords reports in seconds. You can quickly make an Adwords report by adding section with the statistics (like clicks, impressions, cost, CPC, CTR, ..) and the visualization ((overview, bar
Mac IE 5をお使いの方ごめんなさい : 404 Blog Not Found
2006年10月06日12:45 カテゴリAnnouncement Mac IE 5をお使いの方ごめんなさい おそらくねこさんはMacIE5をお使いだと思われます。 404 Blog Not Found:IT田みつほループ-ねこさんのコメント ４，５日前からですが、 左の部分が縮まらず、真ん中の本文と重なるのは、 うちのモニタが１４インチだからでしょうか？ それ以前は、サイドバーは下の方に「落ちて」表示されていたと思います。 確かに数日前にCSSを少し直したのですが、その時にもこの現象は直りませんでした。 スクリーンショットを見ていただけるとよくわかるのですが、なぜかMac IE 5では右端に「謎の隙間」が出来てしまい、そのためにサイドバーが重なってしまうのです。 http://browsershots.org/で確認した限りでは、Safari, WinIE, そしてFirefoxではきれ
Passion For The Future: InternetExplorerを瞬速で起動するINetXP
InternetExplorerを瞬速で起動するINetXP スポンサード リンク ・INetXP http://resume-next.hp.infoseek.co.jp/program/utility.html INetXPは、InternetExplorerの起動を高速化するソフトウェア。タスクトレイ上のアイコンをクリックするとダブルクリックすると、瞬間的にInternetExplorerが立ち上がる。私の環境では劇的な変化があった。FireFoxのように軽快である。 仕組みは、InternetExplorerのプロセスをメモリ上にあらかじめ起動させておくということらしい。だから、起動は軽快にはなるが、InternetExplorerを使っていないときにも、メモリは消費するようだ。その点は注意。 一度起動すると、次回からはパソコンの起動時に自動で起動するようになる。（アンインストール
秋元@サイボウズラボ・プログラマー・ブログ: 複数のIEをまとめてインストールするパッケージ
Install multiple versions of IE on your PCで、IE3からIE6までの異なるバージョンのIEを選んでインストールできるインストーラというのが配られている。 IE4やIE5を単体で動く形で配布しているサイトは前からあった。まあこれでもいいんだけど、インストーラのほうは複数バージョンが組み込まれていて、どれを入れるか選択できて、ショートカットも生成できるということでさらに楽になってる。 もちろん、改造されたバイナリの非公式な配布なので、このインストーラや入れたIEに何か変な仕掛けがあるということもあるかもしれないが。 IE7との共存のほうはこっちの記事に書かれている。 # どちらにしても、単体で動かす別バージョンのIEでは、いろいろ不具合や動かない機能があるようなので、単純な画面描画のチェックぐらいにしか使えないだろうとは思う。 [参考] IE7ベータを
ウノウラボ Unoh Labs: CSSで見る、IE7。
Sashaです。 MicrosoftがIE7 RC1（Internet Explorer 7 Release Candidate 1）を公開しましたね。タブ・ブラウジング? RSS? 今ドキ当たり前。タブに出ているサイトのサムネイルが一括して見れるとか、印刷するときに用紙の大きさに合わせて印刷してくれるぴったり機能とかも、「あったらいいな」的機能であったことは確かですが、ウェブデザイナーたちの興味の中心は、今まで私たちの忍耐力をギリギリまで試してきた、IEの CSSへのサポートが、どのように変化するのか、ですよね。せっかくなので、今まで長年にわたって多くの人を悩ませてきたバグたちと照らし合わせながら見ていきましょう。ちなみに、私はまだ一つ一つ検証してませんので、その解決宣言に関する信憑性には責任は負いかねます。悪しからず。 positioniseverything.net では数年前から
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Download Internet Explorer 7 optimized for Google
リゾレーヌ サプリを口コミだけで判断してはダメ？バストアップ効果が口コミ通りなのか試してわかったことを包み隠さず公開します！
IEとFireFoxの表示を確認しながらCSSを編集できるエディタ: ある SE のつぶやき
【特集】CSS実装徹底検証! そこが知りたいInternet Explorer 7 (MYCOMジャーナル)