asp.net调用CSS样式,和Dreamweaver不一致的问题
2011-03-25 11:49
148 查看
遇到asp.net 调用dreamweaver做的css/样式表或js失效问题,估计很多人头疼。网页设计或网站ui人员负责做的静态页面(一般div+css设计)在dreamweaver显示很正常没有问题,但交给asp.net程序开发人员转换为.aspx格式时,发现css样式或javascipt失效或失控。怎么回事,asp.net的css和dreamweaver的html中的css不一样?html下面正常显示的css样式在asp.net里为什么没有显示?
这两天一直在为这个问题头疼不已,自己想了很多其它方法来解决一直不见效果,最后从网上找了些方法,现在把它们都罗列出来,希望能对大家有用,废话不多说了,呵呵
一、文档属性
检查一下visual studio net建立的文档属性,和用dreamweaver建立的"默认文档类型"和"默认编码"是否完全一致?要想制作符合标准的页面,一个必不可少的关键组成部分就是这个doctype声明。只有确定了一个正确的doctype,xhtml里的标识和css样式才能正常生效。要注意html的版本,是 html 4.01 transitional,还是xhtml 1.0 transitional?还是html 4.01 strict?
最好能让几个文件的属性一致,而我采取的办法是直接给删除掉,^_^
二、网页字符集编码
注意网页编码字符集,是charset=utf-8 还是charset=gb2312?。建议大家比照asp.net和dreamweaver的网页文件开头部分,仔细分析!同理,css样式表或javascipt文件都要用同样的类型和编码保存。
建议同仁们先找到.net里的web.config
看system.web标签下有没有
如果没有则选一个添加,建议添加utf-8,下面就是要在几个调用css的地方调用让编码保持一致了。
下面几条是在http://www.sudu.cn/info/article/articleInfo.php?aId=312805转的,可以做下参考
ASP.NET 2.0(ASP.NET 1.x中可能是有效的)中CSS失效的问题的起因及解决办法:
1、CSS文件路径不正确
这个问题属于Web研发中的基础问题,一般采用相对路径会出现这样的问题,或样式文件写在了模板页里面,在内容页和模板页不在同一级目录下时会出现这样的问题。此时你要清晰Web中相对路径的规则,如果你不清晰,能采用绝对路径的写法试试就知道是不是路径的问题了。
2、CSS规则写法错误
这个问题谁也帮不你,只能自己学习CSS的相关知识了。
3、文件编码问题
有时候,CSS样式放在aspx文件里有效,而放在独立的文件中无效,这样的问题如果不是路径问题,则就是编码问题造成的,能将CSS文件用记事本打开,再另存为ANSI格式或UTF-8格式即可。
4、权限问题
这种情况常见的现象是登录之前样式无效,登录之后才有效,这是典型的权限问题造成的。由于web.config设置了所有文件不允许匿名访问,才会出现这样的问题,解决方法就是是标记将样式文件设置为允许匿名访问。例如:
这种情况最典型的原因是单击按钮事件里有类似Response.Write这样的语句,由于ASP.NET 2.0默认采用http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd文件类型定义,他就需求在<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">的前面不能有所有输出。这种问题的解决方法是采用ClientScriptManager输出,或采用Literal控件输出内容。
6、在ASP.NET 1.x里面起作用的样式到ASP.NET 2.0里面失效
这种问题一般仍然是xhtml1造成的,由于http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd的样式规则和以前的不同,如要加单位,例如width:200;目前要写成width:200px;这种问题的解决方法就是要明确加上单位。
7、脚本设置的样式无效
由于xhtml1.DTD需求有单位,因此在设置对象样式的数值时,仍然要加上单位,如obj.style.width = "200px"。下面的代码在Firefox里是无效的(不要抱怨Firefox麻烦)
这两天一直在为这个问题头疼不已,自己想了很多其它方法来解决一直不见效果,最后从网上找了些方法,现在把它们都罗列出来,希望能对大家有用,废话不多说了,呵呵
一、文档属性
检查一下visual studio net建立的文档属性,和用dreamweaver建立的"默认文档类型"和"默认编码"是否完全一致?要想制作符合标准的页面,一个必不可少的关键组成部分就是这个doctype声明。只有确定了一个正确的doctype,xhtml里的标识和css样式才能正常生效。要注意html的版本,是 html 4.01 transitional,还是xhtml 1.0 transitional?还是html 4.01 strict?
<!DOCTYPE html PUBLIC "-//W3C//DTD xhtml 1.0 transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 ansitional//EN" > <!DOCTYPE HTML PUBLIC "-//W3C//DTD html 4.01 strict//EN" >
最好能让几个文件的属性一致,而我采取的办法是直接给删除掉,^_^
二、网页字符集编码
注意网页编码字符集,是charset=utf-8 还是charset=gb2312?。建议大家比照asp.net和dreamweaver的网页文件开头部分,仔细分析!同理,css样式表或javascipt文件都要用同样的类型和编码保存。
建议同仁们先找到.net里的web.config
看system.web标签下有没有
<globalization requestEncoding="gb2312" responseEncoding="gb2312" />
如果没有则选一个添加,建议添加utf-8,下面就是要在几个调用css的地方调用让编码保持一致了。
下面几条是在http://www.sudu.cn/info/article/articleInfo.php?aId=312805转的,可以做下参考
ASP.NET 2.0(ASP.NET 1.x中可能是有效的)中CSS失效的问题的起因及解决办法:
1、CSS文件路径不正确
这个问题属于Web研发中的基础问题,一般采用相对路径会出现这样的问题,或样式文件写在了模板页里面,在内容页和模板页不在同一级目录下时会出现这样的问题。此时你要清晰Web中相对路径的规则,如果你不清晰,能采用绝对路径的写法试试就知道是不是路径的问题了。
2、CSS规则写法错误
这个问题谁也帮不你,只能自己学习CSS的相关知识了。
3、文件编码问题
有时候,CSS样式放在aspx文件里有效,而放在独立的文件中无效,这样的问题如果不是路径问题,则就是编码问题造成的,能将CSS文件用记事本打开,再另存为ANSI格式或UTF-8格式即可。
4、权限问题
这种情况常见的现象是登录之前样式无效,登录之后才有效,这是典型的权限问题造成的。由于web.config设置了所有文件不允许匿名访问,才会出现这样的问题,解决方法就是是标记将样式文件设置为允许匿名访问。例如:
<configuration> <location path="允许匿名访问的目录名称"> <system.web> <authorization> <allow users="?"/> </authorization> </system.web> </location> </configuration>5、单击按钮样式失效
这种情况最典型的原因是单击按钮事件里有类似Response.Write这样的语句,由于ASP.NET 2.0默认采用http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd文件类型定义,他就需求在<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">的前面不能有所有输出。这种问题的解决方法是采用ClientScriptManager输出,或采用Literal控件输出内容。
6、在ASP.NET 1.x里面起作用的样式到ASP.NET 2.0里面失效
这种问题一般仍然是xhtml1造成的,由于http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd的样式规则和以前的不同,如要加单位,例如width:200;目前要写成width:200px;这种问题的解决方法就是要明确加上单位。
7、脚本设置的样式无效
由于xhtml1.DTD需求有单位,因此在设置对象样式的数值时,仍然要加上单位,如obj.style.width = "200px"。下面的代码在Firefox里是无效的(不要抱怨Firefox麻烦)
<!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> <mce:script type="text/javascript"><!-- function SetHeight() { document.getElementById("x").style.height="200" } // --></mce:script> </head> <body> <div id="x" style="background:#DDD;height:auto;">测试</div> <input type="button" value="设置" onclick="SetHeight()" /> </body> </html>尽管上面在IE中正常,但在Firefox里面则会出现问题。正确写法为:
document.getElementById("x").style.height="200px"
相关文章推荐
- asp.net 调用asp的css样式失效问题
- 在asp.net中直接调用oracle数据库,pull拉式水晶报表常见问题
- AJAX调用 ASP.net 本地文件系统的怪问题
- ASP.NET配合jQuery解决跨域调用的问题
- 问题:调用 ASP.Net Core WebAPI的HTTP POST方法时,从 [FromBody] 中读取的 MongoDB GeoJsonObjectModel成员总是null
- 关于AJAX跨域调用ASP.NET MVC或者WebAPI服务的问题及解决方案
- Asp.Net程序调用类中定义的方法的有关问题
- ASP.NET中调用非托管DLL的问题
- asp.net 前端使用jquery $post 方法调用webservice 部署到IIS时会无法使用的问题
- 关于ASP.NET AJAX调用WEBSERVICE的问题
- asp.net调用短信接口乱码问题的解决方案(在不修改web.config的前提下)
- asp.net 用户控件 调用js问题解决方法
- jQuery AJax调用asp.net WebServers返回json问题总结
- PHP 调用asp.net Web Services服务问题总结
- 关于AJAX调用ASP.NET MVC 或者WEBAPI项目提示I跨域问题的解决办法
- 彻底解决ASP.NET MD5加密中文结果和ASP不一致的问题
- ASP.NET 调用Delphi DLL问题
- PHP 调用asp.net Web Services服务问题总结
- Asp.Net MVC ajax调用 .net 类库问题
- ASP.NET 母版页与内容页 修改、加载、调用控件等问题汇总