クリッカブルマップがIE6で効かない : デザイナーnorzamのblog
結構たまーに使うクリッカブルマップ。 地図やフローチャートなどを作る際、 FLASHやJavascriptで工数を裂くぐらいであれば、 簡易のクリッカブルマップで対応した方が他の事に注力もできるし。 特に納期が切迫している時なんかは、 使う方も多いのでは？ ま･･･ものによるでしょうが･･･ そんな感じで使っていたクリッカブルマップが、 「IE6で動作しない」現象を確認。 結構悩み･･･ググり･･･ 下記のような記事を発見。 ■map が機能しない(楽天Q＆A) http://qanda.rakuten.ne.jp/qa4919196.html 一部を引用すると、 ************************************************* 「alphafilter.js」について調べてみましたが、どうやら 「usemap属性を使用したクリッカブルマップには未対応」
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つ目のコンテナ内のフロートさせたボックスの
直近バグ報告 - グレヌデサ La graine du dessin
最近の制作で新たに見つかったバグと解決方法です。 ■プルダウンメニュー（droppy.js）がフラッシュの後ろに隠れてしまう 原因：z-indexが効かない為。プルダウンメニューとFLASHは相性が悪い 解決方法： objectのとこに ‹param name="wmode" value="transparent" /› を追加 embedのとこに wmode="transparent" を追加 ■Firefox3.5だけCSSが反映されない。＆FireBugで見るとCSSの日本語が文字化けしている 原因：CSSの冒頭のエンコーディングのところがシングルコーテーションになっている。 解決方法：シングルコーテーションをダブルコーテーションにする ■IE6だけリンクが押せない。しかもテキスト選択もできない。 原因：「IE PNG Fix」を親タグに適用させていて、その子タグ・孫タグにアンカータ
floatした際に背景が消える件【css tip】
floatした際に背景が消える件【css tip】 親ボックスに背景を適用して、内包する子ボックスに対してfloatを適用した場合、IEでは子ボックスを内包する形で背景が表示されるのに対して、Firefoxでは親ボックスの背景が表示されなくなります。 サンプルとなるhtmlは <div class="parent"> 親ボックス <div class="child"> 子ボックス </div> <div class="child"> 子ボックス </div> </div> とします。 これに対して div.parent{ width:204px; background:#39FF6B; } div.child{ border:1px dotted #000; height:100px; width:100px; float:left; } このようなCSSを適用した場合、以下のような表示に
IE6でpng画像にロールオーバーする方法
IE6でpng画像にロールオーバーする時に動かなかったので、そのときに調べたことのメモ。 JSの記述を書き換えれば動くようになりました。 IE6でpngを使うとき 私はIE6でpngを使うときはDD_belatedPNGを使っています。 これはJSを読み込んであとは<head>の中などに以下を記述すればいいだけなので、とても簡単に実装できます。 <script type="text/javascript"> DD_belatedPNG.fix('img, .png_bg'); </script> しかしこれと合わせて次のJSを使いpngをロールオーバーしようとするときにIE6で困ったことになります。 画像のロールオーバー そして、画像のロールオーバーするときに使っているJSが以下になります。 function smartRollover() { if(document.getElement
jmblog.jp - Win/IEで絶対配置（position: absolute）のボックスが消えるバグの検証ページ
http://jmblog.jp/archives/180より。 Bruno Fassino氏のIE/Win: Disappearing position:absolute boxes near to floats and clears のテストを元にしています。 日本語 | English 概要 Win/IEでは、以下の場合に絶対配置（position: absolute）にしたボックスがレンダリングされないことがある。 position:absolute が float と hasLayout をもつ clear の直前に存在する場合。（Test1） 解決方法 : #1, #2, #3, #4, #5 position:absolute が float と hasLayout をもつ clear との間に存在する場合。（Test2） 解決方法 : #1, #2, #3
CSSハック一覧
2013年3月23日 CSS 異なるブラウザーで見たらレイアウトが崩れる。。CSSハックはそんな時のお役立ち裏技（？）です。私がブックマークしているCSSハックに関するWebサイトがたくさんあったので（Safariがのってない・IE8しかのってない。。等の理由で）、自分用メモ。「こんなやり方もある！」というのがあればコメントして教えてください！ ↑私が10年以上利用している会計ソフト！ Internet Explorer IE6以下 #help_me { _color: blue; } * html #help_me { color: red; } IE7 *:first-child+html #help_me { color: red; } *+html #help_me { color: red; } IE6, IE7 #help_me { /color: blue; } IE8 #h
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
