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

Имам бутон на моята страница за вход, който се простира във всички IE версии на браузъра.

Plese погледнете тук черния ми "ВХОД" в сайта ми на живо www.urbanclaim.com

това е кодът, който използвам за този бутон: (вижте изходния код за структурата на формуляра)

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

Как мога да реша този проблем, т.е. Благодаря.

Отговори:

Вашият бутон ще работи добре в 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 ">