HTML ie排版问题

苏波

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

相同的代码在i搜狗浏览器中，使用IE兼容模式下排版没有对齐，而在高速模式下排版都对齐了。为什么？如何在ie模式下更改代码让其对齐？
代码：

<body>
<table border="0">
<tr align="right"><td><label name="username">用户名：</label></td><td><input name="username" type="text" /></td></tr>
<tr align="right"><td><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>

复制代码

李志敏 · 李志敏

本帖最后由李志敏于 2013-4-26 22:54 编辑

<body>
<table border="0">
<tr ><td align="right"><label name="username">用户名：</label></td><td><input name="username" type="text" /></td></tr>
<tr ><td align="right"><label name="password1">密码：</label></td><td><input name="password1" type="password" style="width:152px;"/></td></tr>
<tr ><td align="right"><label name="password2">确认密码：</label></td><td><input name="password2" type="password" style="width:152px;"/></td></tr>
<tr ><td align="right"><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>
</table>
</body>

复制代码

你的align=“right” 要写在td里面还有密码框的长度跟文本框的长度不一样需要单独用css样式style="width:152px;" 设置长度

许庭洲 · 许庭洲

浏览器兼容性问题，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的规则，一句代码只写一行，一般不推荐使用行内样式，要使用外部样式，

刘欢 · 刘欢

极限冰风发表于 2013-4-26 22:57
用户名：
密码：
确认密码：

你好，多谢指导，但是对行内样式和外部样式没有什么概念，希望再指导指导。

刘欢 · 刘欢

许庭洲发表于 2013-4-26 22:52
浏览器兼容性问题，IE6,IE7对table.appendChild("tr")的支持和IE8不一样，用insertRow, insertCell来代替或 ...

这个有点高了，等我把基础搞好了

刘欢 · 刘欢

李志敏发表于 2013-4-26 22:48
你的align=“right” 要写在td里面还有密码框的长度跟文本框的长度不一样需要单独用css样式style="widt ...

多谢

帐号		自动登录	找回密码
密码			加入黑马

HTML ie排版问题

评分

6 个回复

评分

评分

黑马骑士勋章