IEでボタンのストレッチ幅の問題が発生するのはなぜですか？

Question

ログインページには、すべてのIEブラウザのバージョンで結果が伸びたボタンがあります。

pleseは、ここで私のライブサイト黒「LOGIN」ボタンを見て： www.urbanclaim.com

これは私がこのボタンに使用するコードです：（フォーム構造用ビューのソースコード）どのように

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

私はこの問題を解決できますか？ありがとう。

Answer 1

あなたのボタンはIE8/9で正常に動作しますが、あなたはこれを持っている：

実際にあなたのボタンに問題がある唯一のバージョンであるIE7をエミュレートするためにこれらのブラウザを強制的に

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

。 IE7固定するために

（およびIE7モードでIEの他のバージョンを...）：.art-button-wrapperの親であるlabelに

• 、padding-left: 300pxに変更margin-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 ">