IEボタンで余分なパディングを削除する

私のウェブサイトにはたくさんのボタンがあります。 Chromeで見ると、ボタンの幅は動的ボタンのテキストに収まるだけですが、IEでは余分なパッドが左右に生成されることがわかります...IEボタンで余分なパディングを削除する

これらの詰め物を取り除く？ありがとう。

2011-10-24 Ham

どのIEのバージョンを使用していますか、どのモードを実行していますか？例えば'' – Rich

Internet Explorerレンダリングの問題は、ほとんど暗い芸術です。実際の例を追加し、Internet Explorerのどのような風味が問題をレンダリングしているかについて、より多くの情報を提供することをお勧めします。 Internet Explorer Inspectorを使用すると、Chromeのような最新のブラウザが提供するように高度ではなく、何が起こっているのかを知ることができます。 – MarioRicalde

reset cssを使用すると、ブラウザの不一致を避けることができます。 reset.css

出典

2011-10-24 12:15:20

ため

参照してくださいhttp://sixrevisions.com/css/css-tips/css-tip-1-resetting-your-styles-with-css-reset/

訪問http://www.cssreset.com/scripts/html5-doctor-css-reset-stylesheet/は少し遅くなるかもしれませんが、今日は非常に同じ問題のためにSOを検索するとき、私はthis questionを見つけました。明らかに、これは本当の埋め尽くされていない（ある意味では、それはpadding:0pxによってオフにすることはできません）。（偽のパディングがボタンのテキストの長さO_oでどのように拡大するかに注意してください）。幸いにも、hereのように簡単な解決策があります。

基本的には、ボタンにoverflow:visible;を追加するだけです（そこには、width:auto;は必要ありません）。尋ねないでください - あなたがこれがすべきだと思っていたことは絶対にありませんが、それはIE Landです。あなたのボタンが表のセルの中にあるとき、これは明らかに機能しません。

誰かが既にこれをいくつかのグローバル宣言に含めているので、CSSリセットがこれを解決したと思います。この答えを追加するだけで、どのように、なぜその理由が明らかになったのでしょうか。

人を放棄しないでください - 私たちの子供たちはIEの癖を持たない世界を見るでしょう。

出典

2012-07-10 17:51:27 Louise

おはよう、これはばかげた修正ですが、うまくいきます。 – jlarson

これはトリックでした！ – ClearCloud8

これも私のために働いた。 'Phantom'パディングありがとうIE8のプログラマ - それはあなたが無駄にした私の人生のもう数時間です。 –

余分な文を表示してIEで余分なスペースを避けるために管理：ブロック;私は幅を使用しませんでした

.menu button{ 
    display:block; 
    width:100%; 
    padding:0; 
}

注：そうのようなCSSで、それは私の場合はオプションではありませんでしたとしてオート - ボタンは空で、幅は親のdivから取得されます。

出典

2014-03-25 12:19:25 user3459603

IEボタンで余分なパディングを削除する

答えて

関連する問題