У меня возникли проблемы с полями формы стилей с CSS. Как вы можете видеть ниже, я пытаюсь получить поле ввода, а затем вправо кнопку отправки. Однако по какой-то причине я не могу заставить их правильно выравниваться в любом браузере, и я не могу заставить их по крайней мере выглядеть одинаково в них, и, наконец, все ухудшается, когда я тоже масштабируюсь!
Я пробовал "line-height: normal! important"; решение, но это, похоже, не работает...
Что я делаю неправильно?
IE7 (xp)
FFox (linux)
Chrome (linux)
CSS (ничего для subscribe_form):
#form_box {
position: relative;
height: 35px;
top: 7px;
left: 20px;
}
#subscribe_email {
border: solid 1px #CCC;
height: 24px;
width: 250px;
font-size: 15px;
color: #999;
padding-left: 5px;
}
#subscribe_submit {
position: relative;
border: solid 1px #CCC;
height: 25px;
width: 115px;
color: white;
}
HTML:
<div id="box2" class="tbox">
<div id="form_box">
<form id="subscribe_form" action="subscribe" method="post">
Sign Up:
<input class="tbox" id="subscribe_email" type="text" name="email" value="email address" />
<input class="tbox" id="subscribe_submit" type="submit" value="Subscribe" />
</form>
</div>
</div>