求答疑：为什么html转成jsp之后，页面上的图片、输入框会出现移位？_html/css_WEB-ITnose

前端 html jsp

在校学生狗，不是前端专业，但是没办法，自己搭小项目什么都得自己来

我在网上找了一个后台页面设计的模板，是html的，然后我在jsp页面自己重新搭了起来，用FX或者Chrome浏览器两种页面打开的浏览效果是一样的，但是用IE浏览的时候，jsp那个就出现了输入框和一些text移位的情况

请教论坛各位，这是为什么？

能救么？

回复讨论(解决方案)

设置下页面最前面的
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

注意，这个内容前面不能有任何其他的内容，

设置下页面最前面的
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

注意，这个内容前面不能有任何其他的内容，

不好意思，没用啊

原来我建jsp默认是
nbsp;html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
换成你这个也没变化

html的时候用IE浏览各元素的位置也是没问题的，写在jsp里面IE浏览就出现移位了

jsp最终运行的结果都是html，你真的保证浏览器源代码中的html完全一样吗？

你可以直接把你html文件的扩展名改成jsp再进行浏览器测试下

一般出现差异有以下几个原因：
1，dtd的不同
2，文件编码的不同（jsp以及css文件）
3，js代码执行的顺序不同，访问DOM元素需要在onload完成之后进行

jsp最终运行的结果都是html，你真的保证浏览器源代码中的html完全一样吗？

你可以直接把你html文件的扩展名改成jsp再进行浏览器测试下
按你的这个试过，直接改成jsp，IE打开没有移位，但是当我在这个jsp中加上nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">之后，就出现位移了，这是为什么呢？

IE浏览器右上角，页面 -> 兼容性视图 这个选项前面的勾去掉……

IE浏览器右上角，页面 -> 兼容性视图 这个选项前面的勾去掉……
没有用啊

不同的dtd，浏览器解析法方式不同，如果你不明确指定dtd，不同的浏览器采用的默认的dtd也不同
因此，为了保证浏览器的兼容性，都需要明确指定一个dtd。
现在最常用的是
nbsp;html>


其次是
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

出现错位是css或者js的问题。如果你实在找不到解决方法，就把你的html,css,js等贴上来

出现错位是css或者js的问题。如果你实在找不到解决方法，就把你的html,css,js等贴上来
还是没有用诶

页面代码就是首页分享的那27个后台页面设计中的一个，解压缩后的文件名是1249564182_21200268，里面的login页，其他页我还没搭

不同的dtd，浏览器解析法方式不同，如果你不明确指定dtd，不同的浏览器采用的默认的dtd也不同
因此，为了保证浏览器的兼容性，都需要明确指定一个dtd。
现在最常用的是
nbsp;html>


其次是
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

如果我不写头，直接让浏览器自己默认解析，可以吗？