【レスポンシブOK】私はこれでhtml5とcss3をie８以下に対応させました。
クソッ！ IEのクソッ！！ 失礼しました。 最近、Wordpressのテーマを作りました。 でもIEを考えてなかったので一応確認したら案の定レイアウトは崩れてます。 面倒くさいし、ブスだからインターネットエクスプローラーは無視しようと思ってたんですが、チラチラ|ω・｀)（←IE）こっちを見やがるから、 いやいやだけど対応させてみました。 ということで今回は、html5とcss3で作ったレスポンシブサイトを、 ブラウザ界のブスことInternetExplorerにも対応させてみようって話。 手を煩わせるんじゃないよ。まったく。 あんたかわいくないんだよ！ で、世間の方々を参考にしようと検索するとたくさん出て来ました。 [browser-shot width=”200″ url=”http://www.arch-web.jp/archives/771/” target=”_blank”] IE
HTML5+CSS3で構築する時のIE8対策メモ | Gatespace's Blog
今さらかもしれませんが、HTML5+CSS3で構築したウェブページをIE8でも期待通りに表示・印刷されるためのメモ。 Win7+IE8で確認しています。ちなみにIE9の開発者モードでは再現しませんので、ご注意ください。 html5.js ファイル HTML5でウェブページを作成する場合、IE8以下への対策として html5.js を <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> と埋め込んでいたけど、これだとIE8で印刷しようと思うと、<header>などHTML5タグ部分が正常にレンダリング（印刷）されません。 対策：プロジェクトのページ（Google Project Hostingのhtml5shiv）から js ファイル
IE で border-radius を使う方法 - それはBooks
CSS3 から使えるようになった border-radius を IE でも使う方法です。IE でも使うと言っては語弊がありますが、IE でも角丸を表現する方法です。それは Blog で使っている方法をメモ。 IE で角丸を表現する方法 ご存じの通り、IE6、IE7、IE8 では CSS3 の border-radius を使って角丸を表現することはできません。んじゃ、どうやって角丸を実現するのかというと次のような方法があります。 border-radius.htc を使う VML を利用して、behavior を使って border-radius を実現する方法 border-radius.js を使う JavaScript を使って border-radius を実現する方法 JQuery Corner を使う jQuery Corner という jQuery プラグインを使って bo
スタイルシート［CSS］/テキスト・フォント/領域からはみ出た場合に「...」を表示する - TAG index
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>文書のタイトル</title> <style type="text/css"> p { width: 200px; height: 3em; border: 1px #808080 solid; overflow: auto; white-space: nowrap; } p.example1 { text-overflow: clip; } p.example2 { text-overflow: ellipsis; } </style> </head> <body> <p class="example1">領域からはみ出ている場合に省略符号を付
HTML制作で使う定番CSSやプラグイン
HTML制作で使う定番CSSやプラグイン 2012年5月14日 | Filed under: CSS, CSS3, HTML5, jQuery, Web HTMLを制作する際に、標準で使っているCSSやjQueryプラグインなどを紹介します。 IE6～8に対応できることを考慮していますが、現状では「CSS3」に完全対応させるのは難しいです。 サンプルページを用意しました。 http://jsfiddle.net/NoDelay/pLaWS/10/ （１） リセットCSS これは、ブラウザ間で若干誤差のあるpaddingなどの規定値をリセットするCSSです。指定方法は以下の通りです。 <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.5.0/build/cssreset/cssreset-min
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
