CSS で指定した背景・ボーダーが IE で出ない時のメモ
Firefox、Opera では問題ないが、IE6 でのみ起きる現象。 現象：position を使っている要素のすぐ後ろの要素で、背景やボーダーが表示されなくなることがある。 対処方法：「position: relative;」を背景やボーダーがある要素に指定してあげる。 この現象が起きる場所付近をコメントアウトしながら原因を探して、position をコメントアウトするとこの現象が起きないことを確認。 ということで、おそらく原因は position 。 position が関係してるならと position: relative; を背景・ボーダーが消える要素に付けたらキチンと表示されるようになったので OK。 でも具体的に原因がよく分からないからスッキリしない…なんだろな。 CSS バグリストざっと見た限りだと該当しそうなものがないような、後でもう一度確認しよう。 Internet E
『CSSバグ辞典スレッド』の要約の要約 (Nega Diary)
趣味のWebデザインより。 NN4 には CSS を読み込ませない（定石） ブラウザのデフォルトスタイルを殺す（定石）* /* 全指定 */ {margin:0; padding:0; font-size:100%; font-weight:normal; font-style:normal; text-decoration:none; color:#適当; background:transparent;} img 要素に vertical-align:bottom; と border:none; を指定（定石） line-height は数値のみを指定（定石／em や % で指定するのは問題の元） width を指定した要素に padding と border を指定しない（旧 IE と互換モードへの対策） height を指定した要素に padding と border を指定しない（
ODN：サービス終了のお知らせ
ご訪問いただいたお客様へのお知らせ アクセスいただいたWebサービスは提供を終了いたしました。 長年にわたり、多くの皆様にご利用いただきましたことを心よりお礼申し上げます。 ODNトップページへ
CSS ハックまとめ Lucky bag::blog: IE7 を含むモダンブラウザ向け
Internet Explorer 7 は、 8 月にも beta3 がリリースされるかも知れないんだけど、今現在、IE7 beta2 を含むモダンブラウザに有効そうだと思われる CSS ハックを自分用にまとめておく。以前に IE 7 用の CSS ハックを紹介したことがあったけど、今回の Easy CSS hacks for IE7 - Nano See, Nano Do で紹介されていたハックは、比較的シンプルかも知れない。想定ブラウザは下記のとおり。 バージョン 6 以下の IE IE7 それ以外のモダンブラウザ（Safari、Opera、Firefox） ブラウザごとのハック 全てのサンプルは body 要素を指定の対象としている。 バージョン 6 以下の IE にのみ適用 * html body サンプルページ バージョン 7 の IE にのみ適用 *+html body サンプ
WinIE6以上とIE5x以下との違いを考慮したCSS:CSSを使いこなす
Win IE6以上の標準モードと、IE5x以下では、ボックスの幅の解釈や、文字スタイルの継承方法が異なるため、厳密にCSSを利用するときには、IE6・NN6以上・Opera・MacIE5.2など上位標準CSSと、WinIE5x以下用のCSSを分けて用意するのが理想的。 Voice-family hack（Box Model Hack）を使う IE6・NN6以上・Opera・MacIE5.2などとWin IE5xの違いの中でももっとも致命的なものは、ボックスの幅の解釈の違い。 その違いを個別に裏技で回避する。 .haba { padding: 20px; border: 10px solid #FF0000; width:460px; voice-family: "\"}\""; voice-family:inherit; width:400px; } width：460px（4行目）はWi
MacIEでfloatするときのバグ？ - FLA-FLI 佐賀あたりで働くWebデザイナーのブログ
MacIEでfloatするときのバグ？ 2007年03月19日 最近は、ほんとCSSレイアウトで製作するのが主となってるんですが、そこでよく出会うMacIE用のバグみたいなものの対処法メモ。 例えば、2カラムのレイアウト作るときに、メインコンテンツにfloat: left;、メニューにfloat: right;を指定するとします。 で、なんらか他の要素も相絡まって、その親要素にclear: both;をしてしてると、floatが崩れる。 ってか、floatしない。 これ、たまにはまる…。 『あれ？なんで？』ってのが、結構…。 これを解決するのは簡単で、まずは原因となってるclear: both;をはずす。 すると、まぁ、あちこちにガタがきてしまう場合もあるわけです。 もしかしたら背景が出ないとかってのもあるかもね。 そこで、最近流行の？clearfixの登場です。 これ、設定しておけば背景
hail2u.net - Weblog - IEでフロートさせたボックスのマージンが倍になるバグ
WindowsのIE5.5や6など(5とか5.01は知らない)にはfloatさせたボックスへ指定した左右のmarginが正常に反映されない(倍になる)というバグがあります。最近はfloatを使ってゴニョゴニョする機会も多いと思うので厄介に考えている人も多いでしょう。実はdisplay: inline;とか指定してやると回避できちゃったりとかします。ネタ元はThe IE Doubled Float-Margin Bugだったような気がしますが、別なところで見つけたような気もする。 バグの状況自体は上記CSSバグリストのURLを参照していただければわかりやすいです。と言いつつ回避手段の使用前/後を並べてみたHTMLを用意してみました。IEで見れば一目瞭然で、1つ目のコンテナ内のフロートさせたボックスの左のマージンは倍(80px)になっているのに対し、2つ目のコンテナ内のフロートさせたボックスの
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
