像这样使用CSS来对齐网站是否是一个好主意?
问题描述:
我在youtube上看到了一个教程,它通过给页边距中心站点:0px auto;并通过说出网站的实际宽度:像这样使用CSS来对齐网站是否是一个好主意?
body
{
align:center;
margin: 0px auto;
width: 1000px;
}
但是这对ie8不起作用。这是一个好主意,以便对齐以居中布局?
答
它在IE6和更新的浏览器工作在标准模式。与一个DOCTYPE如触发它:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
由于替代方案是特殊模式,以及与其他浏览器创建许多inconsistances,标准模式是高度期望的。
所以,是的,这是一个很好的方法来集中事情。
align:center;
也就是说,在另一方面,是无稽之谈。 CSS中没有align
属性。
答
我发现为什么这种风格等多种风格不工作为IE8(仅适用于这个浏览器)的问题。问题是,我写
<html>
<head>
<title>About us</title>
<link href="css/about.css" rel="stylesheet" type="text/css" />
</head>
<body>
.......
现在,我已经把它改为:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>About us</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/about.css" rel="stylesheet" type="text/css" />
</head>
<body>
是的,这就是我说的。您需要一个触发标准模式的Doctype。我不会自己挑选XHTML,因为它会产生[很多跳跃](http://www.w3.org/TR/xhtml-media-types/#compatGuidelines),但它确实触发了标准模式。 – Quentin 2011-05-29 08:00:49