本人菜鸟，在做个登录页，
html 文件如下
<div class="login">
<div class="lbg">
<div class="lmain">
<div class="lh"></div>
<div class="c1">
<form action="{tpl member,login}" name="wanelogin" method="post" target="ajaxform" onsubmit="return Login.valilogin()">
<div class="name">
<div class="lf2">登陆名:</div>
<div class="lf1"><input type="text" name="email" size="25" value="{$__COOK__[user_rememberme]}" class="i" title="请填写登陆名(用户名或邮箱)" /></div>
</div>
<div class="pass">
<div class="lf2">密 码:</div>
<div class="lf1"><input type="password" name="password" size="25" value="" title="请填写您的登陆密码" class="i" /></div>
</div>
<div class="sec">
<!--{if $__SYSTEM__[secimage_ison]}-->
<div class="s1">安全码:</div>
<div class="s2"><input type="text" name="securiteid" size="4" value="" title="请填写您在右侧图片上看到的字符串" class="i" /></div>
<div class="s3"><a href="#" onclick="Base._func.secimage('wanelogin');return false"><img id="login_secimage" src="{$__conflink__[domains]}securite.php?formhash={FORMHASH}" alt="如果您看不清字符串, 请点击更换安全码" /></a></div>
<!--{/if}-->
</div>
<div class="lauto">
<input id="common_login_remember" type="checkbox" name="rememberme" value="1" checked="checked" /> <label for="common_login_remember" title="选中时, 下次登陆时自动为您填写登陆名">记住我</label> <input id="common_login_autologiner" type="checkbox" name="autologiner" value="1" checked="checked" /> <label for="common_login_autologiner" title="选中时, 下次访问保持您的本次登陆状态">下次自动登陆</label>
</div>
<div class="sub">
<input type="submit" name="SubmitName" value="立即登陆" class="s" /> <a onclick="WSBase.Ajax.xml(this.href, 'dialog', '取回登陆密码');return false" href="{tpl member,fetchpass}" title="如果您忘记密码, 请点击找回">忘记密码?</a></div>
<input type="hidden" name="loginsubmit" value="1" />
<input type="hidden" name="formhash" value="{FORMHASH}" />
<!--{if $__referer__}-->
<input type="hidden" name="referer" value="{$__referer__}" />
<!--{/if}-->
</form>
</div>
</div>
</div>
css如下
.login {margin:0px auto;padding:30px 0px 35px 0px;width:952px;height:315px;overflow:hidden;background-color:#af0000;}
.login .lbg {width:812px;height:auto;background-color:#FFC;left:auto;}
.login .lbg .lmain {width:325px;height:311px;overflow:hidden;position:relative;right:-487px;background-color:#cccccc;}
.login .lbg .lmain .lh {width:325px;height:42px;position:relative;background-color:#3F6;}
.login .lbg .lmain .c1 {width:325px;height:165px;padding:0px 10px 0px 43px;background-color:#C6C;overflow:hidden;}
.login .lbg .lmain .c1 .name {width:225px;height:25px;position:relative;padding-top:10px;}
.login .lbg .lmain .c1 .name .lf2 {float:left;text-align:center;padding-top:5px;}
.login .lbg .lmain .c1 .name .lf1 {margin:0px 0px 0px 5px;float:right;}
.login .lbg .lmain .c1 .pass {width:225px;position:relative;padding-top:10px;}
.login .lbg .lmain .c1 .pass .lf2 {float:left;text-align:center;padding-top:5px;}
.login .lbg .lmain .c1 .pass .lf1 {margin:0px 0px 0px 5px;float:right;}
.login .lbg .lmain .c1 .sec {width:325px;position:relative;float:left;}
.login .lbg .lmain .c1 .sec .s1 {float:left;position:relative;padding-top:15px;}
.login .lbg .lmain .c1 .sec .s2 {float:left;position:relative;padding-left:13px;padding-top:10px;}
.login .lbg .lmain .c1 .sec .s3 {float:left;position:relative;margin:0px 0px 0px 5px;}
.login .lbg .lmain .c1 .lauto {width:325px;position:relative;padding-top:35px;}
.login .lbg .lmain .c1 .sub {width:325px;position:relative;padding-top:10px;}
效果如下
在IE6 里.lauto 跟 .sub 的位置不对
在FF里.lauto 跟 .sub 的位置对，但密码旁边的文本域就是点不了，没反应，托选那个位置，就选中了低下的那些字（如图）
[
本帖最后由 inkoo 于 2011-1-12 15:05 编辑 ]
