尝试将页面居中

以前从未遇到过尝试执行此操作的问题。尝试将页面居中

我正在尝试整个页面居中。

一些代码：

body{ 
margin:0; 
padding:0; 
color:#333333; 
font-family: "lucida grande",tahoma,verdana,arial,sans-serif; 
font-size:0.85em; 
} 

#container{ 
width:960px; 
float:left; 
margin:0 auto; 
}

这有什么不好呢？任何人都可能有任何一般问题？

来源

2011-08-16 sark9012

您必须从#container删除float: left。除此之外，没关系。

来源

2011-08-16 11:35:20 thirtydot

float:left不应该在那里。如果您在显示容器中的浮动元素时遇到问题，则可能需要添加overflow: hidden;，以便容器在其中放置子元素时展开。

对于旧版本的IE（低于7）margin: 0 auto不支持：将text-align: center;添加到您的身体和text-align: left;到您的容器来解决这个问题。

来源

2011-08-16 11:38:14

'文本对齐：中心'只需要比IE6 **，*或更新版本的IE更早的“Quirks Mode”。添加一个有效的文档类型如<！DOCTYPE html>'会解决这个问题。 – thirtydot

哦严重吗？从来没有得到它在IE6的工作，即使有效的文档类型... –

在IE6在这里检查它：http://ipinfo.info/netrenderer/ + http://jsfiddle.net/EXrRu/show/。 – thirtydot

尝试将页面居中

回答

相关问题