求答疑：为何html转成jsp之后，页面上的图片、输入框会出现移位
日期：2014-05-16 浏览次数：20602 次
求答疑：为什么html转成jsp之后，页面上的图片、输入框会出现移位？
在校学生狗，不是前端专业，但是没办法，自己搭小项目什么都得自己来
我在网上找了一个后台页面设计的模板，是html的，然后我在jsp页面自己重新搭了起来，用FX或者Chrome浏览器两种页面打开的浏览效果是一样的，但是用IE浏览的时候，jsp那个就出现了输入框和一些text移位的情况
请教论坛各位，这是为什么？
能救么？
------解决方案--------------------
设置下页面最前面的
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
注意，这个内容前面不能有任何其他的内容，
<@这些命令之间最好不要换行
------解决方案--------------------
jsp最终运行的结果都是html，你真的保证浏览器源代码中的html完全一样吗？
你可以直接把你html文件的扩展名改成jsp再进行浏览器测试下
------解决方案--------------------
一般出现差异有以下几个原因：
1，dtd的不同
2，文件编码的不同（jsp以及css文件）
3，js代码执行的顺序不同，访问DOM元素需要在onload完成之后进行
------解决方案--------------------
不同的dtd，浏览器解析法方式不同，如果你不明确指定dtd，不同的浏览器采用的默认的dtd也不同
因此，为了保证浏览器的兼容性，都需要明确指定一个dtd。
现在最常用的是
<!doctype html>
<html>
其次是
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
在校学生狗，不是前端专业，但是没办法，自己搭小项目什么都得自己来
我在网上找了一个后台页面设计的模板，是html的，然后我在jsp页面自己重新搭了起来，用FX或者Chrome浏览器两种页面打开的浏览效果是一样的，但是用IE浏览的时候，jsp那个就出现了输入框和一些text移位的情况
请教论坛各位，这是为什么？
能救么？
------解决方案--------------------
设置下页面最前面的
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
注意，这个内容前面不能有任何其他的内容，
<@这些命令之间最好不要换行
------解决方案--------------------
jsp最终运行的结果都是html，你真的保证浏览器源代码中的html完全一样吗？
你可以直接把你html文件的扩展名改成jsp再进行浏览器测试下
------解决方案--------------------
一般出现差异有以下几个原因：
1，dtd的不同
2，文件编码的不同（jsp以及css文件）
3，js代码执行的顺序不同，访问DOM元素需要在onload完成之后进行
------解决方案--------------------
不同的dtd，浏览器解析法方式不同，如果你不明确指定dtd，不同的浏览器采用的默认的dtd也不同
因此，为了保证浏览器的兼容性，都需要明确指定一个dtd。
现在最常用的是
<!doctype html>
<html>
其次是
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
