css - 如何在 IE6 中将 元素居中

Question

尝试使用包含所有内容的单独 div 部分来实现对话框样式的行为。

当需要显示“对话框”时，它必须显示在WINDOW 的中心，而不是页面的中心，即REGARDLESS 的滚动位置。此外，如果用户滚动页面，正确的解决方案将不会移动“对话框”。

在 Chrome 和 FF 中，这可以使用 position='fixed' 并以直观的方式将 div 居中。

这在 IE6 中似乎不起作用(显然那里不支持修复)。

有什么想法吗？

Answer 1

如果我是你，我会使用 jQuery 来完成，我建议你也尝试一下。这应该非常适合基于 jQuery 的解决方案 [jQuery 版本][1] 或尝试

body { 
    font: 80% verdana, arial, helvetica, sans-serif;        
    text-align: center; /* for IE */    
}   

#container {        
    margin: 0 auto;   /* align for good browsers */         
    text-align: left; /* counter the body center */
    border: 2px solid #000;         
    width: 80%;     
}