关于火狐浏览器和IE浏览器 的<td></td>不能被撑满的经验
2014-11-16 02:25
330 查看
我遇到的问题:
在做一个登陆界面的时候,我直接在网上下载了一个好看的登陆界面,准备直接把这张图片弄成背景图片,但是这样的话,输入框以及按钮则必须设置其相对于浏览器窗口的定位,所有我吧这张图片切成了9份。 我用table把这些图片拼装起来,然后在中间的那个td里面设置输入框等。但是问题问题出现了:如下
table的属性: cellspacing="0" cellpadding="0" width="1000" img 的属性:height:100% width:100% 这样在chrome 下显示非常正常。但是在火狐和IE下面总是在行之间有一白杠。怎么都设置不好。最后发现 只需把doctype改成以下移植便可以解决问题
如:<!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.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
在做一个登陆界面的时候,我直接在网上下载了一个好看的登陆界面,准备直接把这张图片弄成背景图片,但是这样的话,输入框以及按钮则必须设置其相对于浏览器窗口的定位,所有我吧这张图片切成了9份。 我用table把这些图片拼装起来,然后在中间的那个td里面设置输入框等。但是问题问题出现了:如下
table的属性: cellspacing="0" cellpadding="0" width="1000" img 的属性:height:100% width:100% 这样在chrome 下显示非常正常。但是在火狐和IE下面总是在行之间有一白杠。怎么都设置不好。最后发现 只需把doctype改成以下移植便可以解决问题
如:<!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.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
相关文章推荐
- 关于<input type="text">不能显示空格的问题
- 关于<input type="text">不能显示空格的问题
- Jsp页面关于BootStrap模态框和<a href onclick>事件不能同时使用,以及传参的问题
- 关于在freemarker模板中遍历数据模型List<JavaBean>的经验
- Mac下关于->您不能拷贝项目“”,因为它的名称太长或包括的字符在目的宗卷上无效。<-的删除
- 关于<rich:popupPanel>中的<h:inputText>不能正确修改后台的值 的问题
- 关于<不能成为专业软件测试人员的10大理由>的一些阐述
- HTML字符实体(关于&amp;nbsp;&amp;gt;&amp;lt;等)
- 关于<a>的一点问题问题及解决方案
- html <"input "/>关于value 空格后的内容消失的问题
- JSTL <c:out value="${EL}">不能正确输出的问题
- HTML <td> 标签的 colspan 属性
- [Linux]:关于cat >file,cat<file<<EOF
- 关于List<T> :Distinct 和 OrderBy 、GroupBy使用简例
- 关于< tbody >的一个实例,很实用。
- 关于framename的,HTML <a> 标签的 target 属性
- css强制<td>不换行
- 关于XML <如何操作XML>
- HTML字符实体(关于&amp;nbsp;&amp;gt;&amp;lt;等)
- 关于< tbody >的一个实例,很实用。