Question

让我说我已经暂停了html-

    <div  id="submitPage" align="center" >
<div id="middlecontainer">
<p align="center" id="loading-image">&nbsp;<img  src="/cso/images/loading.gif" border="0" > <font color="red" >Submiting order...</font></p>
</div>
</div>

我试图在页面中心浮动submitPage div ...我已经使用了fsslowing css，它在Mozila工作正常，但不知道为什么它不能在IE-8中工作..

#submitPage {
 border: 1px solid black;
 width: 746px;
 height:201px;
 background: aqua; 
 text-align: center;
 z-index: 99;
 position: fixed;
 display: block;
 margin:90px auto;
}
#middlecontainer{
 text-align: center;
 width: 91px;
margin: 0 327px;
}
#loading-image {
  position: absolute;
  top: 74px;
  left: 299px;
  z-index: 100;
}

如果我做错了什么或丢失了需要为IE添加的东西，请现在就让我。使用Jquery做任何事情的方式也将受到赞赏。

Mozila Screen Shot

感谢！

Answer 1

注意：也请优化您的CSS，color:red已被弃用;

见下面的DEMO

http://jsfiddle.net/2GmC4/

Answer 2

请原谅我这么说，但是......真是一团糟。混合HTML属性和CSS，居中，居中和居中。居中。和字体标签。居中......

您应该避免为包含块元素的元素指定居中文本，因为IE会错误地处理并将块中心应用于块元素，而不仅仅是文本。

由于您只是在元素中放置一些文本和图像，因此您只需要元素，图像和文本：

<div  id="submitPage">
  <img src="/cso/images/loading.gif" alt="">Submitting order...
</div>

#submitPage {
  border: 1px solid black;
  width: 746px;
  height: 201px;
  background: #0ff; 
  z-index: 99;
  position: fixed;
  left: 50%;
  top: 90px;
  margin-left: -373px;
  line-height: 201px;
  text-align: center;
  color: #f00;
}
#submitPage img{
  margin-right: 10px;
  border: none;
}

演示：http://jsfiddle.net/pkMqM/

中心的浮动div在IE中不起作用

2 个答案:

http://jsfiddle.net/2GmC4/