IEでdiv要素がmarign autoで中央寄せにならない場合の対処法

IEで、またDREAMWEAVER CS6の編集画面でもmarginによる中央寄せが反映されないことがあります。普段IEでチェックしていないとこのような不具合があるので注意してください。

IEはmarign autoが認識されない

IEは中央寄せの『margin:auto;』を理解できません。というわけでいくら中央寄せしたところでIEで見ると左寄せになってしまいます。ちなみにEdgeやChrome、Firefoxは普通に中央寄せになります。

#main{
width: 640px;
margin-right: auto;
margin-left: auto;
}
普通はこれだけで中央寄せになります。

対処法としてはdivをblockにする

#main{
width: 640px;
margin-right: auto;
margin-left: auto;
display: block;
}
こんな感じですね。これでIEでも中央寄せが可能になります。

本来はIEだけがこんなことをしないといけない状況なので無駄な記述したくないのですが。2019年もまだIEがしぶとく生き残っていることに憤りしか感じませんね。