У меня есть форма, которая выглядит именно так, как я хочу в любом браузере, кроме IE.Мне было трудно понять, какие настройки мне нужно внести в CSS, чтобы он выглядел правильно в IE (и все еще выглядит правильно во всех других основных браузерах)
Мой HTML-код:
<td valign="top" align="left">
<form name="postcode" action="plans.php" method="post">
<input type="text" name="c" size=1 class="postcode" onKeyup="autotab(this, document.postcode.o)" maxlength=1>
<input type="text" name="o" size=1 class="postcode" onKeyup="autotab(this, document.postcode.d)" maxlength=1>
<input type="text" name="d" size=1 class="postcode" onKeyup="autotab(this, document.postcode.e)" maxlength=1>
<input type="text" name="e" size=1 class="postcode" maxlength=1>
<br/><br/><br/>
then choose...<br/><br/>
<input name="electricity" type="checkbox" value="electricity" />electricity
<br/>
<input name="gas" type="checkbox" value="gas" />gas
<br/><br/><br/><br/>
<input type="image" src="images/billCompare-view-plans.gif" value ="show plans" >
</p>
</form>
</td>
и мой css:
@charset "UTF-8";
/* CSS Document */
body {
font-size:14px;
font-family:"Century Gothic";
}
.table_header{
font-size:18px;
font-family:"Century Gothic";
color:#FFF;
}
.body_text{
text-align:justify;
}
.menu{
text-align:right;
vertical-align:bottom;
}
.postcode{
border-style:double;
font-size:20px;
border-color:#F60;
text-align:center;
vertical-align:middle;
height:70px;
}
input.checkbox{
height:40px;
width: 40px;
}
form p label { position: absolute; top: 0; left: 0;}
Курсор во всех других браузерах выровнен по центру и середине поля (это то, что я хочу).но по какой-то причине в IE по центру и к вершине.
любая помощь будет высоко ценится.