почему я получаю проблему ширины растяжения кнопки в IE?

Question

У меня на странице входа есть кнопка, результаты которой растягиваются во всех версиях браузера IE.

Пожалуйста, посмотрите на мой живой сайт черную кнопку «ВХОД» здесь: www.urbanclaim.com

это код, который я использую для этой кнопки: (просмотреть исходный код для структуры формы)

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

Как я могу решить эту проблему на то есть ?? спасибо.

Answer 1

Ваша кнопка будет нормально работать в 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 ">