当我加入DOCTYPE CSS问题
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
行我的HTML文件的顶部,我的CSS规则在Firefox中消失。我也看不到他们与萤火虫。
你对这个问题有什么想法吗?
当我加入DOCTYPE CSS问题
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
行我的HTML文件的顶部,我的CSS规则在Firefox中消失。我也看不到他们与萤火虫。
你对这个问题有什么想法吗?
您需要添加属性到您的start-html标签才能正确使用。这是因为XHTML确实是XML。
<!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" xml:lang="en" lang="en">
<head>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
...
</body>
</html>
上面的代码建议你在你的网站的根目录下有style.css文件。
firefox正常显示正确的CSS有或没有html上的属性 – Sotiris 2010-08-18 08:47:44
我认为你是对的,你会以怪癖模式结束。这个CSS一定还有另一个问题。路径?语法错误?我们需要看到更多的代码才能知道这里有什么错误。 – 2010-08-18 08:55:21
确保文件由服务器使用正确的MIME类型发送(text/css
)。看看错误控制台(IIRC菜单应该是英文版的Tools/Error Console)。
通常,如果文件以.css
结尾,这应该会自动发生,但是仍然存在配置错误的服务器。如果您使用的是Apache Web服务器,则可以使用.htaccess
文件更正此问题,否则您需要咨询您的支持。
详情:https://developer.mozilla.org/en/incorrect_mime_type_for_css_files
“是的你是对的,我看着错误日志:错误:样式表http://...../css/....css未加载,因为它的MIME类型”text/html“是而不是“text/css”。源文件:http://...../....html“我会尽力解决这个问题,但我意识到在IE中也存在问题。我在设计中使用两列布局,100%高度的两格。但在IE浏览器中,它们显示不正确。行:0 – penguru 2010-08-19 06:48:51
请检查
http://www.w3schools.com/tags/tag_doctype.asp
我认为你有DOCTYPE
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
html, body {
padding:0;
margin:0;
height:100%;
}
#wrap {
background:red;
height:100%;
overflow:hidden;
}
#right {
background:blue;
float:left;
width:30%;
height:100%;
}
#left {
background:yellow;
float:left;
width:70%;
height:100%;
}
</style>
</head>
<body>
<div id="wrap">
<div id="left"> Content </div>
<div id="right"> Side Content </div>
</div>
</body>
</html>
你可以链接到真实页更多的想法? – 2010-08-18 08:37:02
你如何链接你的css文件? – Sotiris 2010-08-18 08:37:26