purazumakoiの[はてなブログ]

技術メモから最近はライフログも増えてきてます。

IE

IE6でのposition z-indexの挙動

via CSS の z-index について整理してみる - かたつむりくんのWWW 普通は positionで指定したものは後に出てくる要素ほど上に表示されるようになる。 その順番を自由に決めることができるのがz-indexプロパティだがIE6の場合はこの順番が、同じ階層の要素で…

aタグとかの:hoverで親要素の高さがピヨっと広がるバグ

親とか親の親とかのmargin-bottomを無しにしてそれをラップするdivにそのmargin-bottomを設定したらなくなった。 参考 http://css-bug.jp/win/opera/ver9_under/0319/ http://css-bug.jp/win/ie/ver6_under/0372/ 追記: 前後の要素に適当にzoom: 1;を入れる…

IE6とか5.5とかだとリスト間で隙間ができる

縦メニュー時に隙間が出来てしまう! リストはこんなイメージ(aタグをblockにしてある) IEの6以下だと、色々やっていると、リンク間に隙間ができてしまう。 解決方法はhtml内でタグを改行しないとかすればいいけどそれではコーディングがスマートに出来な…

z-indexの挙動について

z-indexの挙動がIEとfirefox(IE以外??)で違うのです。 たまにpositionを使って、絶対番地とか相対番地でレイアウトしないといけない場合がありますが その際にIEだと、リンクの上に画像をかぶせたらz-indexが聞かなくて、同じblock内にいれれば動くとい…

IEで長いvalueだと余白が増えてデザインも崩れる

参照 IEでもボタンをスマートに表示する | Sixsick 掲示板/HTML質問板/IEで、幅の広い(文字数の多い)buttonの形が崩れる - TAG index 解決方法として、CSSで overflow: visible; とすれば、多少長くても解決できるが、paddingで余白調整しようとするとまた形…

IEで親要素の背景がが消えるバグの対処法

IEにはbackground-image: none;したときに親要素の背景まで消えてしまうバグがある。 これの対処法は、その親要素にWidthを指定してあげることだ。 前にも同じようなものがありましたね IE6、5.5でスクロールすると背景が飛んでしまう場合 - purazumakoiの[…

IE6、5.5でスクロールすると背景が飛んでしまう場合

IE6、5.5で背景が白くなって(飛んで)しまうときがある 5.5の方がより顕著にでるが 例えば、スクロールして背景を指定している箇所が見えるところから、外れたり、また戻ってきたりをマウスでグリグリ上下していると 背景画像や、色の指定が効いたりきかな…

IE6では645pxまでなら1枚に収まって印刷できる

IE7とかFirefoxとかだと、しっかり縮小して1枚に収めたりしてくれるけど IE6はそれがないので大変。 デフォルトだと上下左右、全てに19.05の余白がはいっているので、区切りのいいところだと645pxまでになるよというメモです。

IEでロールオーバー時に背景が消えてしまうバグ

発生原因はなんだっけ。。。前にどこかで見たことがあった気がするけど 階層が深くなっていくと何階層以降は・・・だっけ。 違う気がするけど。 それはそれとして解決した。 参照 IEバグ:peek-a-booバグ|CSS HappyLife ピーカブなのかピークアブーなのか(…

割と実用的?なIEのバグ対応方法

他のと同じcss内でIE用のハックをするのは 何か煩雑としたcssになってしまってスマートじゃないので 参考: 条件付コメント(Conditional Comments)実験ページ 1.別のcssをIEの時だけ読み込む <head> **メタ書く** **js読み込んだりとかする** **css読み込んだり</head>…

文の改行の仕方について指定する word-breakプロパティ(IE独自仕様)

widthを固定にしたくなくてdisplay:blockに出来ない場合 ウインドウサイズを小さく狭めていくと 日本語を使うとIEの場合一行単位で改行しちゃって見栄え悪いね>< ってのを回避します。 珍しく、分かり易いようにサンプルを作りました! http://purazumakoi…

背景画像を指定した時に1pxずれる

bodyに背景指定して、repeat-yでcenterしたんだけど IEだとブザウザのウインドウサイズを変えた時、左のラインが見えなくなる場合がある。 どんな時に起きるかというと、例えば bodyに800pxの背景画像を置いて、centerに置く、その背景には両サイド1pxのライ…

metaのリフレッシュの挙動

よくmetaタグで0秒リフレッシュで別ページにリダイレクトする方法があるが、 Firefoxなどは、飛ばされたページからブラウザの戻るボタンを押した時、 リダイレクトしているページを飛び越し、更にその前に表示していたページを表示する仕様だ。 そうしないと…

javascriptでなんかエラーがでた

なんかIEで エラー:構文エラーです ってjavascriptのエラーがでるので色々調べたら /* input画像ボタンにオーバーアクションを付ける */ ↑このコメントの部分で何故か発生するエラーだと気がついた! 最終的にここまで来てもエラーだった /* る */ キャッシ…