Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
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.
DiaryTechnology CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 CSSでmin-heightをブラウザに関係なく使いたい。 そんなあなたにおすすめなのが、『Easiest cross-browser CSS min-height』。CSSでmin-heightをクロスブラウザにする最も簡単な方法だ。 There are still enough folks using IE6, unfortunately, and it doesn’t support the min-height or min-width CSS parameters. This has caused the invention of a number of different hacks and browser
http://cssbug.at.infoseek.co.jp/detail/winie/b168.html 同じブロックレベル要素の中で、!importantつきのプロパティを書き(例、width:100px !important;)下の行に!importantなしのプロパティ(width:120px;)と書いたセレクタをあるブロックレベル要素に適用すると、モダンブラウザでは!importantつきのプロパティが適用されるが、ieでは下の行にあるwidth:120px;のほうを適用してしまう。 アンダースコアハックはこれを使えば使わずに済むということか? update:2008.3.11 IE7では!important実装の不備は解消された。上の例だと、IE6までは、widthは120pxになってしまうが、IE7では他のモダンブラウザと同様に、widthは100pxで表示される。 実は、
前回に続いて、Internet Explorer 7で使えなくなるCSSハックについていってみたいと思います。きっとどこかのサイトがすでに公開してると思うのですが、どうもうまく検索できなかったので…。 参考にしたのは、例によってCascading Style Sheet Compatibility in Internet Explorer 7です。 CSS Filters(おで訳。適当に省略してます) ブラウザーベンダーによってCSSの実装が異なったり、さまざまなバグがあるせいで、CSS標準によっても結局表示がばらばら。結果としてウェブディベロッパーコミュニティはさまざまなCSSハック(MicrosoftはこれをCSS Filterと呼んでいる)を作リ出した。 IE7では、数々の(これらの原因となる)構文バグを修復したので、これまでのバージョンのIEで動作していた、以下のCSSハックは動作
Web 制作のことを中心に、ちょっとした Tips などを掲載しています。「自分用メモ」が基本スタンス。 btmup Blog float を使って段組みのレイアウトにしているとき、印刷がおかしくなることが多々あります。 というか、おかしくならないことの方が多い。 というか、float を使ってなくてもおかしくなることの方が多い。 (特に、IE6、IE7、IE8、Firefox あたり) そんなとき、こんな印刷用 CSS を作っておいたら解決するかもよ! 的な内容です。 まず、HTML は以下のような感じ。 <div id="wrapper"> <div id="contents"> (色々コンテンツが入ってる) </div> <div id="sidebar"> (サイドメニューとかバナーとか) </div> </div> #contents と #sidebar に float が設定
IE 7やMac OS XのIE 5に適用します。使用方法は、適用させたいセレクタの前に「*+html」を記述するだけです。 スターハック(* html)から考えると、全称セレクタ(*)は親要素ではなく、兄弟要素として認識するため、IE 7では適用されると考えられます。 しかし、Mac OS XのIEや古いタイプのOperaでも認識されてしまうため、IE 7スターハック(*:first-child+html)が作られました。こちらのハックは、IE 7のみに適用可能です。 ■ 構文 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <he
「IE7 で閲覧すると表示が異なるのですが」というご質問を頂いたので、CSS ハックを利用して、IE7 のスタイルのみを変更する方法を紹介します。結論だけ述べますと、IE7 に異なるスタイルを適用する(=他のブラウザと表示を合わせる)場合、該当のセレクタの前に *:first-child+html を付与します。例えば、IDセレクタ #banner に適用させる場合、 *:first-child+html #banner { : [IE7用のスタイルを記述] : } となります。 なお、それ以外のブラウザのために、元の #banner の設定は、この追加したセレクタより前方に記述します(下記)。この順番を間違えると期待する表示にならないのでご注意ください。 #banner { : [IE7以外のスタイルを記述] : } *:first-child+html #banner { : [IE7
CSS Hack Labは現在、製作段階のWEBサイトです。製作途中のページやリンク切れ等が多数存在します。 また、テスト等をしっかりと行っていない部分もまだ存在します。 なお、ページ移動も頻繁にしていますので、URLは何度も変わる可能性があります。 以上のことを理解の上でサイトを観覧してください。 スターハックとは・・・ スターハック(Star Hack)は、(Macを含むすべての)IEのみにスタイルを適用します。セレクタの始めに「* html 」を付けるだけなので、CSS Validatorに通ります。 * html selector{ propaty:value; } スターハック・ブラウザ変化表 IE標準モード なお、IE7は、後方互換モードになるようにDOCTYPE宣言をするとハックが適用されますが、標準モードでDOCTYPE宣言をすると、ハックは適用されません。 スターハックを
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く