我正在使用 Blue print CSS,它在 Firefox 中运行良好……但是当我在 IE 中查看它时,即使使用 for IE lt IE8,它在间距和对齐方面似乎仍然无法正常工作。
关于我可以做些什么使它看起来合适的任何建议?
我正在使用 Blue print CSS,它在 Firefox 中运行良好……但是当我在 IE 中查看它时,即使使用 for IE lt IE8,它在间距和对齐方面似乎仍然无法正常工作。
关于我可以做些什么使它看起来合适的任何建议?
确保您使用文档类型。如果不这样做,它将以怪癖模式呈现。我遇到了同样的问题并且更正了文档类型。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
那应该在文档的顶部
您是否包括 ie.css 文件?在常规蓝图 css 文件下方,包含该ie.css
文件,使用只有 IE 才能解析的符号:
<link rel="stylesheet" href="../../blueprint/screen.css" type="text/css" media="screen, projection">
<link rel="stylesheet" href="../../blueprint/print.css" type="text/css" media="print">
<!--[if lt IE 8]><link rel="stylesheet" href="../../blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->
确保 CSS 文件的所有 URL 都是正确的,并且在您的站点上也可以正常工作。
我知道这有点晚了,但希望它能帮助谷歌搜索它的人。
在这里使用蓝图时的一个大问题是确保您的容器 div 有一个容器类,而不是 id:
<div class="container"> ... </div>
不是
<div id="container"> ... </div>
之前被我抓了好几次。