IEで、position: absolute; left: 50% と translateX(-50%); で、中央に配置している要素の親要素にスクロールバーが出る

IE CSS

IEで、position: absolute; left: 50% と translateX(-50%); で、中央に配置している要素の親要素にスクロールバーが出るというのでハマったのでメモ。こんな感じ。 translateX(-50%); してるのが勘定にはいってないのか、してない体でスクロールバーが出ち…

2015-07-11

あのIE9以下でセレクタが4095以上あると読み込まれないやつ

Grunt Sass / SCSS CSS IE

噂では効いていたけど、まさか自分があの「IE 9以下に存在するセレクター数制限にはまった」みたいなことになるとは思いもしませんでした。普通にハマりました。いろいろ検証しても見つからずに、そういわれるとこのcssめっちゃ長いな、と思って。t32k/sty…

2015-03-02

Macでwindows+IEのブラウザチェックができるmodern.IE

IE Webサービス / アプリ

modern.IEのサイトにて、作りたいIEの環境を選択後、「cURLですべて入手する」からコマンドをコピーしてターミナルで実行。落としてきた複数のzip.00連番のファイルを、以下のコマンドで合体。 cat *.zip.00? > combined.zip 合体してできたcombined.zipをT…

2010-02-25

HTML5の新しいタグで、IE系のブラウザにCSSを適応させる

CSS IE HTML

HTML5でコーディングすると、IE系はcssが効かないので放置してたんですけど、下記のjavascriptを読み込ましておけばcssが効くみたいです。document.createElement("section"); document.createElement("article"); document.createElement("aside"); documen…

2009-12-07

IE6とIE7でdisplay:inline-block;で並べたリストがうまく並ばない場合

IE CSS

IE6とIE7でdisplay:inline-block;で並べたリストがうまく並ばない場合は、IE 5 ~ 7 では置換要素はdisplay が inline で、hasLayout が true にすると、横に並びます。display: inline-block; /display: inline; /zoom: 1;（/はIE6とIE7のみハック）フロート…

2009-11-19

_zoom: 1;　と　overflow: hidden;　ってなに？！

IE CSS

最近、IE6とIE7で変な隙間とか余白が出たり、とりあえず、変なことが起こったら、_zoom: 1; overflow: hidden; このふたつを入れてみると、うまいこといくことが多い。特に、リスト要素をフロートさせたり、ネガティブマージンを使ってなんかするときなんか…

2009-10-23

IE7、同じウィンドウズXPマシンなのに、文字サイズが大きいときは

CSS IE

IE7で、同じウィンドウズXPマシンなのに、なぜか一台のPCのIE7でだけ文字サイズが大きい（そのPCのFirefoxとかではちゃんと文字サイズ同じ）ときは、ブラウザの設定かと思いきや。CSSのフォントファミリー「ＭＳＰゴシック」が「lr oSVbN」とかに文字化けし…

2009-10-13

IE6で絶対配置の要素が消えるバグ

CSS IE

▼ヘッダーはじまり（position: relative;）タイトル（float: left;）ディスクリプション（position: absolute;で、タイトルの上に持ってきてる）検索窓（float: right;）グローバルメニュー（clear: both;） ▲ヘッダー他の人がコーディングしたやつで、…

2009-09-30

IE6とIE7でリストをフロートさせたときにできる変な下の余白

CSS IE

IE6とIE7でリストの中にゴチャゴチャと詰め込んでそれをフロートさせて並べたときにできる下の余白は、よくあるパディングやマージンのあれやこれやではなく、clearfixを適用させると消えます。フロート+背景のブロック要素なら、clearfixを事前にかけてるの…

2009-06-28

IEでz-indexの解釈違うのはわかったけど。

CSS IE

普通にやっていて、こんなケースになることは稀だれとおもいますが、ブログシステムとか、プログラムでソースを吐き出してくるところでタグとかを触れない場合は、仕方なくCSSでなんとかユーザビリティを高めようと思うわけです。それで、ある画像と見出しリ…

2009-05-19

忘れた頃にやってくる。

CSS IE

最近はコーディングなどをしていても、けっこうバグが起こらないように気をつけてシンプルにコーディングするので、起こっても、あぁ、たぶんあそこかなぁ、なんてわかることもあるんですが。今日、ちょっとした制約から、パディングとマージンをちょっと複…

2009-03-23

IE8で変わったこと。

CSS IE

web標準と、後方互換、二兎追うものは一兎も得ず。 altがポップアップしない。 bodyに対するテキストサイズ指定を「IEはハックで％指定、他のブラウザはpx指定」にしてると、文字サイズを変更できなくなってる。（メニューの互換ボタンを押せば、IE7のときみ…

2009-03-04

CSSでmin-heightをIEでも使えるようにする。

CSS IE

CSSでmin-heightをIEでも使えるようにする。■min-height div { min-height:100px; height: auto !important; height: 100px; } ■min-width div { min-width:100px; width: auto !important; width: 100px; } 参考： http://blog.creamu.com/mt/2008/03/cssmi…

2009-03-04

IE6 でフロートさせるとマージンが2倍になるバグの対処。

CSS IE

IE7をメインで使うようになってついつい忘れがちやけど、IE6 でフロートさせるとマージンが2倍になるので、div { display: inline; float: left; width: 300px; } わざわざ*htmlハックをつかって指定を増やすよりも、「display:inline;」で対応。