中心表和边距不起作用?

时间:2012-11-05 15:22:29

标签: html css centering

我注意到我写的这个论坛在大多数浏览器中都很好,尽管在IE8中它在左边而不是居中。

它的CSS是margin: auto auto,适用于大多数浏览器。

我不想诉诸旧式并将align =“center”放在实际的表属性中。

任何人都可以解释一下吗?

http://forum.bestlincs.co.uk/

3 个答案:

答案 0 :(得分:3)

你有(或者更确切地说,当我开始写这个答案时,你)没有Doctype,所以IE假设该网站正在使用IE 5时代的布局技术并部分模拟该浏览器。 / p>

添加Doctype以触发标准模式。

HTML 5 Doctype看起来是您网站的最佳匹配:

<!DOCTYPE HTML>

答案 1 :(得分:2)

要解决中心问题,您需要指定一个类似的文档类型:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

要解决间距问题,您需要查看框模型。如果没有doctype,您的网站就会使用以下旧框模型:

width = width + border + padding

and

height = height + border + padding

你现在需要像现在这样回复:

width = width - (border + padding)
height = height - (border + padding)

希望这是有道理的。您应该使用上面的内容来调整页面上任何元素的宽度/高度,例如DIVs TD等。

答案 2 :(得分:0)

尝试为表格提供以下样式:

table{
   position:relative;
   left:-50%;
   margin-left:450px;
}

这是中心吗?