Jsp中的DOCTYPE问题——解决css中的margin居中无效问题
2012-11-04 09:04
507 查看
写好的html复制到jsp文件中,在浏览器中会出现margin居中无效的情况,纯html中没有这个问题。Jsp是使用myeclipse新建的(Advanced Templates),其生成的DOCTYPE如下:
3C//DTDHTML 4.01 Transitional//EN">
而使用dreamweaver创建的html文件中的DOCTYPE如下:
3C//DTDXHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
正是由于这个DOCTYPE的不同导致在浏览器下css的margin居中失效。
当然,有时候我们需要浏览器css兼容问题时,我们可能会选择css hack。相对于css hack来说,选择正确的DOCTYPE来实现css兼容来的更加简单。只要我们选择一个合适的DOCTYPE,同时css写的比较规范,那么出现浏览器兼容性的问题的几率就会减小。
对于DOCTYPE中DTD的类型,目前来说大多选择Transitional类型,一般如果我们使用专门的网页制作软件新建HTML时都会使用这个DOCTYPE。
但是在myeclipse下新建的JSP(AdvancedTemplate)页面中并不是使用这个DOCTYPE(DTD都没有指定),那么就可能会引发浏览器兼容性问题,为了避免这个问题我们最好还是使用通用的格式。
在myeclipse中新建Jsp时选择JSP(Basic Templates)时,我们可以自己选择使用哪个模版页面。
这样我们就可以自定义一个合适的JSP模版,然后新建JSP的时候就使用我们自己定义的模版就可以了。
打开首选项,在左边展开JSP - > JSP Template点击右边窗口的 new 选项 填写相关信息,保存即可。
在新建JSP页面的时候选择JSP(Basic Template)然后点击 next 选择要使用的 JSP模版,然后点击finish即可。下次在使用的时候就不用再选择模版了,系统会使用上一次的选择。
3C//DTDHTML 4.01 Transitional//EN">
而使用dreamweaver创建的html文件中的DOCTYPE如下:
3C//DTDXHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
正是由于这个DOCTYPE的不同导致在浏览器下css的margin居中失效。
当然,有时候我们需要浏览器css兼容问题时,我们可能会选择css hack。相对于css hack来说,选择正确的DOCTYPE来实现css兼容来的更加简单。只要我们选择一个合适的DOCTYPE,同时css写的比较规范,那么出现浏览器兼容性的问题的几率就会减小。
对于DOCTYPE中DTD的类型,目前来说大多选择Transitional类型,一般如果我们使用专门的网页制作软件新建HTML时都会使用这个DOCTYPE。
但是在myeclipse下新建的JSP(AdvancedTemplate)页面中并不是使用这个DOCTYPE(DTD都没有指定),那么就可能会引发浏览器兼容性问题,为了避免这个问题我们最好还是使用通用的格式。
在myeclipse中新建Jsp时选择JSP(Basic Templates)时,我们可以自己选择使用哪个模版页面。
这样我们就可以自定义一个合适的JSP模版,然后新建JSP的时候就使用我们自己定义的模版就可以了。
打开首选项,在左边展开JSP - > JSP Template点击右边窗口的 new 选项 填写相关信息,保存即可。
在新建JSP页面的时候选择JSP(Basic Template)然后点击 next 选择要使用的 JSP模版,然后点击finish即可。下次在使用的时候就不用再选择模版了,系统会使用上一次的选择。
相关文章推荐
- Jsp 引用 css 样式文件无效的问题解决
- 教你彻底解决css中设置z-index的值无效的问题
- css ul li导航菜单居中问题解决方法
- CSS中设置margin:0 auto; 水平居中无效的原因分析
- (转)IE6/IE7/IE8/Firefox的CSS各种兼容margin问题解决办法
- CSS中margin-top属性失效问题解决
- css中常见margin塌陷问题之解决办法
- 用CSS解决按钮居中问题
- jsp 网站引入外部css或者js失效问题解决
- JSP中解决中文乱码问题 对于post有效 对于get请求方式无效。
- 在ie7下css居中样式text-align:center;偏左问题解决方法
- CSS解决未知高度垂直居中的问题
- 解决myeclipse开发html.css,jsp乱码问题
- css之margin相关的问题以及解决办法
- CSS中div垂直居中(包含解决IE兼容问题)
- csshover.htc 以及简单使用方法(解决IE6下 :hover 在其他标签下无效问题)
- 垂直居中问题不只有 line-height 可以解决,还有一个哥们叫 margin-top
- 盒子的margin塌陷问题解决方案(嵌套盒子出现margin无效)
- CSS解决DIV垂直居中的问题
- CSS表达式(expression)解决IE6 position:fixed无效问题