忍者ブログ

デザプロブロ

デザインで出た問題の対応法の備忘録です。主にHTML、CSSかな?

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

DIVを中央に揃える。

DIVを中央に揃える例
SAMPLE

body{
  text-align:center;
}
div#testDiv{
  border:dashed 5px #888888;
  height:100px;
  width:500px;
  height:50px;
  margin:0 auto 0 auto;
  text-align:left;
}

基本的には、青字のmargin対応で十分。
しかし、I.E.5.5の部分の対応として緑文字の部分が入る。
(I.E.5.5はもういらないよね。。。googleもI.E.6だとjavascirptエラーになるんだし。。)