У меня есть этот упрощенный код:
<div class="container">
<input type="submit" name="submit" class="submit" value="Sign Up">
</div>
И CSS для него:
input.submit{
padding-left: 40px;
padding-right: 40px;
float:right;
}
.container{
background-color: #AAA;
float:right;
padding: 50px;
}
Я ожидаю, что div обернет вокруг кнопки ввода, сместится вправо иего размер равен размеру кнопки + отступ (50 пикселей).В других браузерах это работает отлично, но в IE7 происходят 2 странные вещи:
- Ширина div распространяется на всю веб-страницу.Если я удалю float: right из CSS файла input.submit, то размер div будет правильным.
- Ширина кнопки ввода также намного больше, чем когда кнопка отображается в других браузерах.
Я использую этот тип документа:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Кто-нибудь знает, почему возникают эти проблемы и как их решить?