IE 6とIE 7のためのCSSハック16選（1/3） - ＠IT
有限会社タグパンダ 喜安 亮介 2009/11/17 Webブラウザごとのレンダリングエンジンの違いにより起こるレイアウトの表示ずれ問題に泣かされるWebデザイナのために、Webブラウザごとに使えるかどうかの表を交えながら問題を解決するためのCSSハック＆フィルタTipsをお届けします（編集部） Webブラウザ別CSSハック一覧表 前回の「IE 6で泣かないための、9つのCSSハック」では、仕様通りの正しいコーディングを行っているにもかかわらず、Internet Explorer（以下、IE） 6で見ると、レイアウトがズレてしまうなどのさまざまな問題を解決するための9つのテクニックを紹介しました。 今回は、IE 6とIE 7のためのCSSハックのテクニックを下記に分けて紹介します。 IE 6をハック（IE 6のみに効く、もしくはIE 6のみに効かないハック） IE 6のみに効くハック スタ
IE共通の9つのCSSバグをそれぞれ解決する方法:phpspot開発日誌
IE共通の9つのCSSバグをそれぞれ解決する方法がNettutsにて紹介されています。 どれも、なんでだろうと頭を悩ましそうな問題なので解決法を知っておくと簡単に対処できそうです。 1. センタリングが効かない問題 margin: auto を指定した場合の期待する結果 IEの場合以下のようになりますが↑にするための解決法が書かれています 2. 横に並べたいリストが階段状になってしまう IEの場合以下のようになってしまいますがこの解決法も記載されています 3. ダブルマージンフロートバグ マージンの指定が期待通りに出ている例 ↓ IEの場合、margin: 30px 0 0 30px; で定義した値が正しく適用されない例も解決法があります 4. heightの高さ指定が効かないバグ height:2px を指定した場合の想定する表示 IEはなぜか2pxにならないのでこれも解決法が示されて
CSSでfloatを指定したボックスを含むボックスの背景が出なくなる件 - Fsiki
「CSSで段組したらFirefoxで背景が出ねーよっ」て話をよく聞くので色々試してみました。 コンテンツメニュー 元になるHTML 特に何も考えずfloatを使った場合 外のボックスに幅を与えてみる 一般的な解決方法 その他の解決方法 overflowを使う 最終回答 番外編 更新履歴 このドキュメントについて 元になるHTML <div id="container"> <div class="leftBox">内容</div> <div class="rightBox">内容</div> </div> 例1(ブログ) class="leftBox"のボックスの内容は「サイドバー」。class="rightBox"の内容は「記事部分」。 例2(ウェブサイト) class="leftBox"のボックスの内容は「ローカルナビゲーション」。class="rightBox"の内容は「情報」。 例3
インライン要素にwidthとheightを指定して、無視されるとき／されないとき - 以下斜め読んだ内容
update:2008.3.12 ノートにあとで調べるとしておきながら半年以上放置 調べたら「非置換インライン要素」がわかった。以下まとめ。 インライン要素は二種類に分類できる。 「置換要素」 「非置換インライン要素」 この二つの違いはcssでwidth、heightを指定したときに適用される／されないで確認できる。 仕様では・・・、widthとheightが指定できるインライン要素 ５つある。このタイプのインライン要素を「置換要素」と呼ぶ img要素 input要素 object要素 select要素 textarea要素 button要素 仕様では・・・、widthとheightが指定「できない」インライン要素 これらを総称して「非置換インライン要素」と呼ぶ。 「置換要素」以外の全てのインライン要素 span要素とか。 じゃあ実装では置換要素と非置換インライン要素はどうなる？ 仕様通り
スタイルシート（CSS） » CSSハック » CSSハック | PHP & JavaScript Room
PHP、JavaScript、CSS、Webページ埋め込みによる音声・動画配信方法など、実用的なプログラミング・テクニックを解説Netscape 4、IE4を除外 Netscape 4 を除外 link要素のmedia属性に、screen以外を指定するとmedia属性をサポートしていないNetscape4を除外できます。 <!-- link要素のmedia属性に、screen以外を指定 --> <link rel="stylesheet" type="text/css" href="style.css" media="all" /> <link rel="stylesheet" type="text/css" href="style.css" media="screen,tv" /> Netscape 4 と IE4 を除外 Netscape 4 および IE4 では@impor
CSSハックってなんぞえ？ - Webデザイナーの為の情報Blog「CSSMAKER」
ちゃんと勉強してちゃんとマークアップしてるはずなのに、ブラウザによって表示に違いが出てしまう；； なんて事がWeb制作してるとたくさんあります。 ってか無い時のが少ない＞＜ 特に日本だとIE6の普及率が異常に高いです。 他のブラウザ（IE7とかFirefoxとかOperaとかSafariとか）に比べるとIE6はWeb標準への準拠度が比較的低い為、ちゃんとマークアップしても色々と問題が起きてしまいます。 IE6だけでなく他のブラウザも多少問題を持ってます。 そんなバグに出会った時、各々のブラウザにのみ対応したCSSを分けて記述出来たら便利だと思いませんか？ それがCSSハックです。 CSSハックの多くは各々のブラウザのバグを利用して適用させたいブラウザのみ（または適用させたくないブラウザをはじく）事で問題が起きたブラウザへのCSSの対処を実現させてはいますが、あくまでバグを利用しての
Hollyハック(バックスラッシュハック) - CSS Hack Lab
Mac IE5のみCSSを適用・除外させるCSS Hack、「Hollyハック」（バックスラッシュハック）を紹介！ Hollyハック（バックスラッシュハック） CSS Hack Labトップ CSS Hack ライブラリー CSS Hack コラム CSS Hack 資料室 CSS Hack Lab > CSS Hack ライブラリー > Hollyハック(バックスラッシュハック) CSS Hack Labは現在、製作段階のWEBサイトです。製作途中のページやリンク切れ等が多数存在します。 また、テスト等をしっかりと行っていない部分もまだ存在します。 なお、ページ移動も頻繁にしていますので、URLは何度も変わる可能性があります。 以上のことを理解の上でサイトを観覧してください。 Hollyハックとは・・・ Hollyハック（バックスラッシュハック）（Holly Hack , Back Sl
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
