Margin: Auto not working in IE

Question

URL: http://cyberbat.co.uk/test container margin: auto is not working, is there any other way to put it in the middle in IE.

EDIT: Check it again, the index.php was the wrong file, I replaced it with index.html .

amiry jd · Accepted Answer

This is a bug in IE! You just need to create a holder for <div class="page"> and set its text-align to center

.page-holder{
    text-align:center;
}
.page{
    margin:0 auto;
}

<div class="page-holder">
    <div class="page">
    page content
    </div>
</div>

Jan Tojnar · Answer

Use this on parent container for stupid browsers:

text-align: center

Coşkun GEMİCİ · Answer

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

Your problem is define your file type and standards. if you add to this code to top of your file it will work!

Daryl H · Answer

try using the following on the parent item.

display: flex;
align-items: center;

Donate For Us