【CSS】画像を上下中央に表示する（IE7以下にも対応させる） | バシャログ。
娘が小学二年生になり、みまもりケータイ2を買い与えました ishida です。 娘がケータイのボタンを押すたびに、位置情報が送られてきて便利なのですが、 電話をかけたときにも、位置情報がメールで送られてきてちょっと通知頻度高すぎなんじゃね？ さてさて、今回はとある案件で画像を上下中央に表示する機会がありまして、 忘れないように自分的メモです。 CSS3が使えるようになってからは、display: table-cell; で簡単に対応できるようになりましたよね。 例としては、こんな感じ。 HTML/CSSコードサンプル <div class="box"> <p class="image"><img src="image.png" alt="" width="200" heigh="200"><p> </div> .box { display: table; } .box .image { d
IE6（すっとこどっこい）でJavaScriptのデバッグをする方法 | DECONCEPTER
JavaScriptはconsoleで確認したい。FirefoxのFirebugプラグインやGoogle Chrome Developer toolsの登場以来、人はその快適さに心を奪われ、consoleの無いブラウザで確認するという習慣を捨てた。 タイトなスケジュールで新規ページを作成する際、ついついIE6/7（すっとこどっこい）の確認をおろそかにしてしまうことがあります。その理由にデバッグの方法が面倒という点が挙げられます。 IE8からは開発者ツールを使ってconsoleを用いたデバッグが可能ですが、問題はIE7以下です。いざデバッグをする必要が出た時に困らないよう、IE6含む複数バージョンでJavaScriptのconsoleデバッグが出来る環境を整えておきましょう。 IETesterではJavaScriptのデバッグができない 複数バージョンのIEの表示確認のためのIETester
IE7, IE8, IE9とかのダウンロードページまとめ。 | Ginpen.com
全国のWeb屋さんは好むと好まざるとに関わらず、IEに対応するためにあれこれ環境を揃えたりしておられると思います。で、実際に環境をを作ろうとしてみたら各種IEのダウンロード先がバラバラでどこからダウンロードしていいかわからない……という経験もあるのではないでしょうか。 なんかもうそういうのが面倒なので、fuckin’ IEシリーズのダウンロード先をまとめておきます。 IE 7 : ダウンロード詳細 Windows XP 向け Windows Internet Explorer 7 IE 8 : Internet Explorer 8 のダウンロード – Microsoft Windows IE 9 : Internet Explorer 9 の各言語のダウンロード – Microsoft Windows IE 9はWindows Vista/7専用です。XPでも使いたい方はこちらの記事をど
[Javascript]「こまけぇーこたぁいいんだよ！」な人の為のIE対応スクリプトまとめ
まとめる。 webとwebデザインに関しての、WEBCRE8.jpによる 情報まとめのカテゴリです。 正直話題としてはとっくに旬は過ぎていますがｗ 一度まとめておきたいと思い。 殆どのweb制作者達がこれまで頭を悩ませてきたであろうIE対応。web制作者の方々は「もうIE6対応なんかしなくていいじゃん」「対応するからいけないんだよ」という意見をお持ちの方も多いかと思います。 特にIE6に対するコーダーの方達の恨みつらみは相当なもの。一言言いたい場合はとりあえず「爆発しろ！」とでもこちらでぶつけてみてください☆ (´・ω・｀) ie6bot – 腐った牛乳と呼ばれたブラウザ が、しかし会社で制作をやっている方々はそうもいかないのが現実。私のブログでも今は対応が中途半端でしっかり出来ていないのですが…ｗこのブログにはなるべく早めに対策を施すつもりです。あと、これに関してはそのうち独自の対応をし
![[Javascript]「こまけぇーこたぁいいんだよ！」な人の為のIE対応スクリプトまとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/a5e28c757d14aa768526c879eb8c989dd43aa815/height=288;version=1;width=512/http%3A%2F%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2011%2F07%2Fjavascript-ie-correspondence-01-150x150.gif)
HTML5をInternet Explorerでも使えるようにするGoogle Chrome Frame ｜ SEOモード
GoogleからInternet ExplorerユーザーのためのGoogle Chrome Frameが公開されました。これは、IEユーザーがGoogleの機能を利用できるようにするもので、Windows Vista / XP SP2以上のOS＋IE6/IE7/IE8で利用できます。 ユーザーがこれを利用すると、Internet Exploerではサポートされていないcanvasタグのようなhtml5の機能やChromeのJavascriptのパフォーマンスをIEを使ったまま利用することができます。以下、公式ページより引用します。 Google Chrome Frame is an early-stage open source plug-in that seamlessly brings Google Chrome’s open web technologies and speedy
HTML5 を IE や Firefox 2 でも使えるようにする方法 - html5doctor - HTML5.JP
サイト内検索 この記事は、html5doctor に掲載されている記事「How to get HTML5 working in IE and Firefox 2」を日本語訳したものです。この記事では、新要素に対応していない IE や Firefox 2 で、新要素を適切にレンダリングさせる方法を分かりやすく解説しています。HTML5 でサイトを作る場合には、必須の知識となります。 原文タイトル How to get HTML5 working in IE and Firefox 2 原文ページ URL http://html5doctor.com/how-to-get-html5-working-in-ie-and-firefox-2/ 著者 Remy Sharp 氏 原文投稿日 2009-06-20 一部、直訳ではなく意訳した部分がございます。原文と表現が異なることがございますので、ご了
Google マップの読み込み速度を上げる - パソコン - マップ ヘルプ
Google マップの読み込みに時間がかかる場合は、次の方法をお試しください。 パソコンまたはブラウザを再起動する: 多くの場合、パソコンまたはブラウザ（Chrome、Firefox、Internet Explorer など）を再起動すると、Google マップの読み込み速度が向上します。 オペレーティング システムまたはブラウザを更新する: お使いのパソコンとブラウザが Google マップのシステム要件を満たしていることをご確認ください。 Windows に DirectX の最新バージョンをインストールする: DirectX は、パソコンでマルチメディア機能を快適に使えるようにするためのソフトウェアです。DirectX の最新バージョンをインストールすることで、Google マップの読み込み速度が向上する場合があります。DirectX をインストールするには、Microsoft サポ
もうCSSハックは必要なし!? ブラウザ毎にCSSを切り替える「cssuseragent」 | Web活メモ帳
CSSでページをデザインする際に、ブラウザ毎のレイアウトの違いって本当に嫌ですよね。 CSSハックで対応する方も多いかと思いますが、本日紹介する「cssuseragent」を使うとclassの作り方を少し工夫するだけでより柔軟に対応できるようになります。 詳しくは以下 設定方法はJavaScriptを一つ読み込むだけになります。 <script src="cssua.min.js" type="text/javascript"></script> このライブラリを使うと、ページのhtml属性に動的にclass属性を追加するようになります。 例えばですが、IE6でアクセスした場合には ua-ie-6というclass名が追加されるようになります。 <html class="ua-ie-6"> <head>…</head> <body>…</body> </html> iPhoneの場合はua-
IE6などのクロスブラウザに強くなる、22のHTML+CSSコーディングの基礎
IE6などのクロスブラウザに強くなる、22のHTML+CSSコーディングの基礎 2011-06-04 Twitterなどを見てると、 「IE6がー！」とか 「IE6,7,8,9、Firefox、webkit系、Operaで同じレイアウトにするの大変」などのツイートをたまに見るので、クロスブラウザでも差が出にくく、効率の良くなるコーディングの基礎を紹介します。 気をつけるHTMLの記述方法 HTMLの記述方法を間違えていると、ブラウザCSSの解釈が変わってきます。 以下のようなことは基本的なことですが大切な事です。 DOCTYPEを書く。 HTMLの先頭にDOCTYPEを入れるようにして下さい。 DOCTYPEがないと、ブラウザ間での誤差が起こりやすい状態になります。 DOCTYPE スイッチについてのまとめと一覧表 (HTML 5 や IE 8 Beta 2 のモードスイッチなどの情報も含
[JS]IE6でもブラウザのサイズに合わせて最適なスタイルシートを適用するスクリプト -Adapt.js
CSS3のMedia Queriesを使用して同様のことができますが、CSS3非対応ブラウザでも動作し、且つjQueryなど他のスクリプトに依存しないでブラウザの幅をチェックし、そのサイズに最適化されたスタイルシートのみをロードさせる超軽量（894bytes）のスクリプトを紹介します。 Adapt.js - Adaptive CSS 左：ファイル名、右：スクリーンサイズ [ad#ad-2] スクリプトの制作は「960 Grid System」と同じNathan Smith氏なので、960 Grid Systemとの相性がよいのではないでしょうか。 また、対応ブラウザの表記は見あたりませんでしたが、IE6でも動作しました。 スクリプトでは、上記キャプチャのようにサイズごとに異なるスタイルシートを指定し、ユーザーの環境に合わせて最適なレイアウトで表示することができます。 下記は、同サイトをブラ
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.
PIE.htc使うとき①.htaccess②position:relative; を確認
PIE.htc使うとき①.htaccess②position:relative; を確認 スポンサードリンク Tweet デザの子にWebの要素ごとに充てるデザインを作ってもらったら、角丸使いまくり！ でも、さすがにCSS3時代になっているので、IEでCSS3の角丸対応させる方法として有名なCSS3 PIEというライブラリを組み込むことにしたのだが、なかなか一筋縄ではいかなかったので。 1.PIE.htcを読み込まない HTC (Behavior)ファイル使用の共通注意点 [www.minc.ne.jp] .htaccessに AddType text/x-component .htc が必要。 2.動いたが要素のバックの色が消えてしまう CSS3 PIEでつまづいた点 « minimo [www.minimo.jp] にある通り、position: relative; が必要。 これ使う
403 Forbidden
＼閉鎖予定のサイトも売れるかも？／ アクセスがないサイトもコンテンツ価値で売れる場合も… ドメインの有効期限を更新してサイト売却にトライしてみましょう
IEで「position:fixed;」を使う方法 - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 あんまり綺麗な方法じゃないのだけど、5分でできる。 （サンプルファイル） #fixedElement { position: fixed; top: 100px; left: 80px; /* IE5 later && javascript-on */ position: expression('absolute'); top: expression(documentElement.scrollTop + 100 + 'px'); left: expression(documentElement.scrollLeft + 80 + 'px'); } note: max
IE6で透過pngを表示させるオススメscript、「DD_belatedPNG.js」
＞＞ 詳細な使用法と注意点を追加エントリーしました。 いまだ絶大なシェアを誇るIE6（Internet Exproler 6）ですが、WEB制作者ならご存知の通り、さまざまなバグ・不具合を内包しております。 ・CSSでfloatしたブロックのmarginが倍になる。 ・後方互換モードの場合、text-alignが子要素にまで影響する。 ・透過png画像が透過されない。 上記以外にも、それはいくつもの制作者泣かせの問題があり、業界内では「IE6氏ねばいいのに」とまで言われているブラウザですが、前述の通りシェアは絶大なので、対応しないワケにもいかず。 すでにいくつもの対応策が出回っておりますが、その中でも自分的に一番オススメするのが、「DD_belatedPNG.js」を使用する方法です。 有名どころの対応策を併記・比較しながら、どこがオススメなのかを含めてエントリーしたいと思います。 有名な
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
IE6-8でもCSS3に対応するライブラリまとめ:phpspot開発日誌
Kick-ass CSS3 Support in IE6, 7, and 8 | AEXT.NET MAGAZINE IE6-8でもCSS3に対応するライブラリまとめ。 IEでCSS3に対応するには behavior で htcを指定する方法が簡単で便利ということでライブラリが色々あるようだったのでまとめました。 そんなに多機能はいらないという場合に、機能を削ったものを使うという方法もありかもしれません。 CSS3 PIE 角丸、ドロップシャドウ、グラデーション背景等、多くのプロパティに対応していて今後も対応を強化 IE-CSS3 border-radius、box-shadow、text-shadow等のプロパティが使えるようになる。いかがスタイリング例 css3shadow.htc テキストに影をつけるためのhtc curved-corner - Project Hosting on
IE6〜IE8でもCSS3の機能を使う·CSS3 PIE MOONGIFT
CSS3 PIEはCSS/JavaScript製のオープンソース・ソフトウェア。技術は日々進化しており、新しい機能が追加されている。だが、過去の資産から対応しなければならない場合そうした新しい試みは取り入れることができない。CSS3を使いたくともIE6から対応となれば利用できないだろう。 IEでもCSS3の恩恵を そんな辛い思いを解決してくれるライブラリがCSS3 PIEだ。CSS3自体には多数の機能があるが、一部の処理においてIE6〜IE8でも利用できるようにしてくれる。先進的な取り組みを行っていきたいならば試してみよう。 CSS3 PIEはHTCファイルであり、CSSファイルながらにJScriptを実行できる機能を使っている。対応しているCSS3プロパティはborder-radius、box-shadow、border-image、-pie-background、-pie-watch-
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IEでもCSS3で角丸ができるPIE.htcの使い方と注意点 - ウォルディズ
域名售卖