чому я отримую проблему з шириною розтягування кнопки на IE? - css, інтернет-дослідник

У мене є кнопка на моїй сторінці входу, яка відображається у всіх версіях браузера IE.

Будь ласка, подивіться на чорну кнопку "ВХОД" на моєму веб-сайті тут: www.urbanclaim.com

це код, який я використовую для цієї кнопки: (переглянути вихідний код для структури форми)

<input style="margin-left:15px;"  type="submit" name="Submit" class="button" value="<?php echo JText::_("LOGIN") ?>" />

Як я можу вирішити цю проблему на ie ?? Дякую.

Відповіді:

Ваша кнопка буде нормально працювати в IE8 / 9, але у вас є таке:

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

що змушує ці браузери наслідувати IE7, яка є єдиною версією, яка насправді має проблеми з вашою кнопкою.

Щоб виправити IE7 (та інші версії IE у режимі IE7 ..):

• На label це батько .art-button-wrapper, змінити margin-left: 300px до padding-left: 300px. Також додайте display: block. Внесіть ті самі зміни до наступного label.

Див. В IE7: http://jsbin.com/akavef/3

<!--
<label style="margin-left:300px;font-weight: bold; ">
-->
<label style="padding-left:300px;font-weight: bold; display:block ">