如何在IE中水平/垂直居中?

时间:2014-07-09 07:29:47

标签: html css

这是我正在处理的页面:

http://www.escalateinternet.com/

我试图将登录表单纵向和横向居中。它现在在所有浏览器中工作,除了Internet Explorer。

这是我添加到div中的CSS以使其居中:

bottom: 0;
height: 400px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;

我错误地认为它不像IE在其他浏览器中那样居中?

4 个答案:

答案 0 :(得分:2)

bottom: 0;
height: 400px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
text-align:center;

答案 1 :(得分:0)

在这些课程的div上:whmcscontainer contentpadded放置css width:100%。 IE需要父级的宽度以便用margin: auto来设置位置。

答案 2 :(得分:0)

由于您没有DOCTYPE声明,因此发生此错误。在html标记上方添加此行。在文档的顶部。
<!DOCTYPE html>

答案 3 :(得分:0)

试试这个

element.style {
    bottom: 0;
    height: 400px;
    left: 50%;
    margin: auto auto auto -150px;
    position: absolute;
    top: 0;
}