小编Joe*_*Joe的帖子

使用CSS HTML垂直对齐提交按钮

我无法按照我在Internet Explorer中的输入显示提交按钮.在safari和firefox中对齐很好,但IE正在按下按钮约5px.任何想法为什么会发生这种情况或我如何解决它?

网址是http://www.menslifestyles.com 点击页面顶部的订阅表格将弹出.两个输入直线但是提交按钮不对齐!

------- ------- HTML

<div id="subscribe">
<form id="subscribeform" method="post" action="/maillists/subscribe" accept-charset="utf-8">
<div style="display:none;"><input type="hidden" name="_method" value="POST"></div>

<label for="MaillistName">Name</label><input name="data[Maillist][name]" type="text" maxlength="255" id="MaillistName">&nbsp;    &nbsp;
<label for="MaillistEmail">Email</label><input name="data[Maillist][email]" type="text" maxlength="500" id="MaillistEmail">
<input type="submit" value="Submit"><a href="#" id="closelink">X</a>
</form></div>
Run Code Online (Sandbox Code Playgroud)

----- CSS -------

#subscribe{
    width:620px;
    position:absolute;
    top:25px;
    left:50%;
    margin-left:-120px;
    overflow: auto;
    z-index: 1000;
    background: #ffffff;
    color:#6e6e6e;
    font-size: 10px;
    text-transform: uppercase;
    font-family: Helvetica, Verdana;
}
#subscribe input{
    border: 1px solid #e5e5e5;
    display: inline;
    height: 12px;
    color:#cccccc;
    width: 215px;
}  
#subscribe input[type="button"], #subscribe …
Run Code Online (Sandbox Code Playgroud)

css forms internet-explorer submit alignment

5
推荐指数
2
解决办法
3万
查看次数

标签 统计

alignment ×1

css ×1

forms ×1

internet-explorer ×1

submit ×1