CSS のコーディングをしていると、IE6 や IE7 で垂直方向の margin が相殺されない現象が頻発するので、ちゃんと原因を確かめました。 以下、サンプルです。 XHTML のコード <div> <p>テスト</p> </div> <div> <p>テスト</p> </div> CSS のコード div { width: 100px; margin: 0 0 50px; background-color: #000; } p { margin: 0 0 50px; background-color: #EEE; } 各ブラウザでの表示 「div」と「div で囲まれた p」それぞれの下方向に 50px の margin を適用すると、通常は同じ方向の margin が相殺されて下方向の空きは 50px となるはずですが、IE6 と IE7 では margin が相殺されず 100p
最近めっきりソースを書く機会を失ったkusagayaです。 以前IE×Flash×SSLではまったことを書こうと思います。 以前やった案件でSSLを使う案件があったのですが、 その際にFlashが表示されないという現象がありました。 コードを書き換えた覚えもないし、Firefoxで確認しても普通に表示される。 ちょっと前にIEで確認した時も普通に表示されていたしなーと思っていたんですが、 実はその時はまだSSLで通信しておらず、 見れなくなったのはSSLで通信するように変えてからだということがわかりました。 弊社nagayasuがIEとFlashとSSLで何か問題があったことを覚えていたので、 それで調べてみたら一発でした。 みなさんもはまっていたみたいですね、大量の記事が引っかかりました。 「Pragma:no-cache」 これがあるのが原因とのこと。 記事を読んでみると 「Inter
One of the most bizarre statistical facts in relation to browser use has to be the virtual widespread numbers that currently exist in the use of Internet Explorer versions 6, 7 and 8. As of this writing, Internet Explorer holds about a 65% market share combined across all their currently used browsers. In the web development community, this number is much lower, showing about a 40% share. The inte
キャプチャ見てもらうと分かるようにIE8だけ極端に位置がおかしい。 IE8がリリースされてから、まだあんまりいじってないのでよく分かってないのですが、今組んでいるサイトをIE8でチェックしたら、「あれ?表示がおかしい...」って事に遭遇してしまったので、エントリー。 よくある感じで、リストのマーカー変わりに背景の指定をa要素にして、そのリスト内には画像テキストが入ってたんです。はい。 毎度のようにサンプルも用意してみました。 サンプルを見る 発生条件は調べた感じa要素内にimg要素があって、a要素にbackgroundプロパティの指定をした時に起こる感じです。 img要素にテキストが隣接してても同様でした。 サンプルみたいなデザインの場合、マーカー部分も一緒に切ってしまう事が多いから過去の案件は大丈夫だと思うけど・・・ 取りあえず、今回のサンプルに使ったソースは以下です。 <ul> <li
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く