A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 刘欢 中级黑马   /  2013-4-26 22:28  /  1720 人查看  /  6 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

本帖最后由 刘欢 于 2013-4-27 14:15 编辑

相同的代码在i搜狗浏览器中,使用IE兼容模式下排版没有对齐,而在高速模式下排版都对齐了。为什么?如何在ie模式下更改代码让其对齐?
代码:
  1. <body>
  2. <table border="0">
  3. <tr align="right"><td><label name="username">用户名:</label></td><td><input name="username" type="text" /></td></tr>
  4. <tr align="right"><td><label name="password1">密码:</label></td><td><input name="password1" type="password" /></td></tr>
  5. <tr><td><label name="password2">确认密码:</label></td><td><input name="password2" type="password" /></td></tr>
  6. <tr align="right"><td><label name="email1">邮件:</label></td><td><input name="email1" type="text" /></td></tr>
  7. <tr><td><label name="email2">确认邮箱:</label></td><td><input name="email2" type="text" /></td></tr>
复制代码

IE兼容模式.jpg (34.52 KB, 下载次数: 0)

IE兼容模式.jpg

高速模式.jpg (60.67 KB, 下载次数: 0)

高速模式.jpg

评分

参与人数 1技术分 +1 收起 理由
苏波 + 1

查看全部评分

6 个回复

倒序浏览
本帖最后由 李志敏 于 2013-4-26 22:54 编辑
  1. <body>
  2. <table border="0">
  3.         <tr ><td align="right"><label name="username">用户名:</label></td><td><input name="username" type="text" /></td></tr>
  4.         <tr ><td align="right"><label name="password1">密码:</label></td><td><input name="password1" type="password"  style="width:152px;"/></td></tr>
  5.         <tr ><td align="right"><label name="password2">确认密码:</label></td><td><input name="password2" type="password" style="width:152px;"/></td></tr>
  6.         <tr ><td align="right"><label name="email1">邮件:</label></td><td><input name="email1" type="text" /></td></tr>
  7.         <tr><td><label name="email2">确认邮箱:</label></td><td><input name="email2" type="text" /></td></tr>
  8. </table>
  9. </body>
复制代码
你的align=“right” 要写在td里面  还有 密码框的长度跟文本框的长度不一样 需要单独用css样式style="width:152px;" 设置长度

评分

参与人数 1技术分 +1 收起 理由
苏波 + 1

查看全部评分

回复 使用道具 举报
浏览器兼容性问题,IE6,IE7对table.appendChild("tr")的支持和IE8不一样,用insertRow, insertCell来代替或者表格添加tbody,然后向tbody中添加tr。FF不支持InenerText.
回复 使用道具 举报
<body>
<table border="0">
<tr ><td style="text-align:right"><label name="username">用户名:</label></td><td><input name="username" type="text" /></t></tr>
<tr ><td  style="text-align:right"><label name="password1">密码:</label></td><td><input name="password1" type="password"  /></td></tr>
<tr><td><label name="password2">确认密码:</label></td><td><input name="password2" type="password" /></td></tr>
<tr align="right"><td><label name="email1">邮件:</label></td><td><input name="email1" type="text" /></td></tr>
<tr><td><label name="email2">确认邮箱:</label></td><td><input name="email2" type="text" /></td></tr>
</body>

写的代码要符合W3C的规则,一句代码只写一行,一般不推荐使用行内样式,要使用外部样式,

评分

参与人数 1技术分 +1 收起 理由
苏波 + 1

查看全部评分

回复 使用道具 举报
极限冰风 发表于 2013-4-26 22:57
用户名:
密码:
确认密码:

你好,多谢指导,但是对行内样式和外部样式没有什么概念,希望再指导指导。
回复 使用道具 举报
许庭洲 发表于 2013-4-26 22:52
浏览器兼容性问题,IE6,IE7对table.appendChild("tr")的支持和IE8不一样,用insertRow, insertCell来代替或 ...

这个有点高了,等我把基础搞好了
回复 使用道具 举报
刘欢 中级黑马 2013-4-27 12:04:22
7#
李志敏 发表于 2013-4-26 22:48
你的align=“right” 要写在td里面  还有 密码框的长度跟文本框的长度不一样 需要单独用css样式style="widt ...

   多   谢
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马