プログラムデザイナーへの旅路プログラムデザイナーへの旅路CSSで要素を中央寄せにする方法2015.09.29こんばんは!本日はCSSを使って要素を中央に持ってくる方法のお話をしたいと思います!なぜこんな話を?まぁ、要素を中央に持ってくるなんてしょっちゅうある訳で、そんなの知ってるし!って思うとは思うのですが、昨日と今日、職場でハマったことがあったので、メモ的な意味でもおさらいしようと思いました。CSSで中央寄せ今回はこんな感じのHTMLでbクラスのdivをaの中央にしたいとしましょう。2);}といった感じでやっていて、特に問題があったことはありません。...職場では、基本的にIE8対応が必須なのですが、よくよく考えたら上の2つは両方IE8に対応してないのです。50%;}うんうん、そうだったそうだった。こんなコードだったなぁと思い出しました。...IE9だけでズレる?上記コードで何故かIE9だけmarginをマイナスした分だけズレるという現象に...IE9だけ上手くいかなかった...IE8は問題ないのにIE9だけダメっていう珍しいパターンにハマりました。ゆーのも、上のサンプルHTMLであればこれで何の問題もないと思うのですが、今回はこんな感じの状況でした。</tbody></table>div.bをtd.aの中央(今回は上下中央のみ)にしたいという状況だったのですが、上に書いたCSSだと上手くいかなかった...IE9だけ。なんでや!!これはなんでや!!と心の中で叫びながら、原因を探ってみたのですが、結局よく分かりません...ただ、tableのデフォルト値はvertical-align:middle;らしく、どうやらその辺が関係ありそうな感じ。解決策としてpositionを使わない!!たったこれだけでした。