IE6でmin-widthを実装する方法のまとめ - Webtech Walker
先日書いたmin-widthとmin-heightに関する記事の補足です。以下のようなコメントをいただいたのでIE6でmin-widthを実装する方法をまとめました。 たしかに、この方法に若干違和感感じあります。 例えばどういう実装方法があるのでしょうか？ あまり使う機会がないもので。 javascriptのライブラリを使う ライブラリを使う場合は下記などがあります。お手軽です。 min-width,max-width,min-height,max-heightをIEで使えるようにするjavascript[to-R] expressionで実装する expressionを使って、CSS内でjavascriptを使う方法だとかなりシンプルに書けます。 [CSS]IEで、min-widthやmax-widthを実現する方法 | コリス #foo { min-width: 600px; widt
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 で簡単に上下中央揃えを実現する
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 混在でき
100%安全なCSS Hack for IE | Takazudo Clipping*
世の中には腐るほどCSS Hackがあります。いずれも、ブラウザのバグを逆手にとったものであり、今後出るブラウザでは影響が無いだろうと言われるものが頻繁に使われますが、それらが100%安全とは言い切れません。それらに対し、これは完全にクリーンで安全なCSS Hack。IE8以上がでたらあああああ！このスタイルはIE6だけに適用されるはずなのに！！！何てことはありえない安全なCSS Hack。こんな感じです。 <body> <!--[if IE]><div id="IEroot"><![endif]--> <p>bodyの本来の中身。IEだけ赤くなる</p> <!--[if IE]></div><![endif]--> </body> #IEroot p{ background:red; } こんな感じでbody直下にdiv#IErootを、Internet Explorerの条件分岐コメン
CSS hack for Firefox 1.x/2.x only
These hacks don't validate, but are 100% safe according to CSS parsing rules. Check the specification and compare results with Opera and Safari first! Firefox 2.0 or olderIf you need to make pre-Acid2 Firefox behave, you can safely use this: #hackme, x:-moz-any-link {styles for Firefox 2.0 here} #hackme, x:-moz-any-link, x:default {restore styles for Firefox 3.0 and newer}This hack will apply rule
CSS Hack for Safari | コリス
Safari のCSS Hackのまとめです。 Safari 3の検証には、2007年6月11日にリリースされた「Safari 3 ベータ版 for Windows XP」を使用しています。 ※Safari 3の正式版は、2007年10月にリリース予定です。 html*element sign after a semi-colon html:¥66irst-child html* box brackets html* underscore @media all body:last-child:not(:root:root) html[xmlns*=""] body:last-child body:first-of-type -webkit-min-device-pixel-ratio:0 /**/ html* 下記の10個のうち、Safari 3のみ有効だったのはbody:first-of
css filters (css hacks) - centricle
Windows Mac OS X Macintosh Other IE Mz Ns Op iC IE Mz Ns Om Op Sf IE Mz Ns Op Ko 7 6 5.5 5 4 1 7 6 4 8 7 6 5 2 5 1 7 6 4 8 7 6 5 2 5 4 1 7 6 4 6 5 3 7 6 5.5 5 4 1 7 6 4 8 7 6 5 2 5 1 7 6 4 8 7 6 5 2 5 4 1 7 6 4 6 5 3 IE Mz Ns Op iC IE Mz Ns Om Op Sf IE Mz Ns Op Ko Windows Mac OS X Macintosh Other voice-family:"\"}\""; voice-family:inherit; property:value;
【IE7対応clearfix】さらに続報、コピペでつかえる主要ブラウザをclearするコード、[多分最終版]::::::STOPN' LISTEN::::::to the silence:::::::
免責事項：本サイトに含まれる情報は、一般的な情報提供のみを目的としています。情報はスペシャルベストによって提供され、当社は情報を最新かつ正確に保つよう努力しますが、いかなる目的においても、ウェブサイトまたはウェブサイトに含まれる情報、製品、サービス、関連グラフィックスに関する完全性、正確性、信頼性、適合性、利用可能性について、明示または黙示を問わずいかなる表明または保証も行いません。従って、これらの情報に依拠することは、あくまでもお客様ご自身の責任において行われるものとします。 当社は、当ウェブサイトのご利用に起因するいかなる損害についても責任を負いません。 本ウェブサイトから、スペシャルベストの管理下にない他のウェブサイトへリンクすることができます。当社は、それらのサイトの性質、内容および利用可能性を管理することはできません。リンクは必ずしも推奨するものではありませんし、リンク先で述べら
「餃子ハック」な "@media all" cover hack | F+R (FplusR)
転職してから仕事が忙しくて、blogもまともにやっていませんでしたので、久しぶりなエントリーです。今回は単なる備忘録ですが。Internet Explorer 7 が一応正式版になったので、ハックのまとめとかメモしてみました。以前に記事にしたネタとか、新しいネタとかありますが。 「Internet Explorer のハックのメモ」というタイトルで、「カニの人[誰]の雑誌の記事のネタ」にして、マイミクさんのヘルプネタとして終わる予定だったのですが、公開してみます。 一応、ブログのリニューアルも考えていて、新しいハックのルールにしています。もっとも、作業の方はまったくすすんでいませんが（笑）。 ハックの適用順位とか FirefoxとSafariには、まったくCSSハックを使用しません。できるだけ最小限のCSSコードを実装します。 Safariでバグとか出た場合（ほとんどない気がするけど）「
【IE７も対応！】コピペでつかえる主要ブラウザをclearするコード再び::::::STOPN' LISTEN::::::to the silence:::::::
HTML,CSS,CSSハック,SEO,Web広告,Webトレンド等の話題を扱うkennsuのblogです。日常の話題はこちらへ「kennsuの行動記録」 Home｜ About｜ Archive｜ RSS feed IE７のリリースもまもなくだそうで我々コーダーにとっては恐怖のアンゴルモア大王がやってきた気分です。 と、言いましてもIE6から多くのバグを解決しRSSリーダーも標準装備（feedpathっぽいデザインでしたよ）で使えるCSSセレクタも増量！。 やっぱり生まれ変わったIE君、今まで嫌われ者だったIE君を暖かく迎える準備をしてあげたいと思いまして、本日は紙の輪っかを一杯つなげたやつ（あれなんていうの？）の代わりに以下のコードを用意してIE７君を迎える準備をしたいと思います。 詳細は以下。 div{ min-height:1%; } div:after{/*for modern
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.info.com.ph/~etan/w3pantheon/style/commentbugs.html
CSSハックのまとめサイト | F R (FplusR)
CSS Filters and Hacks (dithered.com)