2011-11-15 5 views
0

いくつかの要素をインラインで表示しようとしています。 2つは<a href>であり、1つは<form>です。何らかの理由でSafariはすべてのインラインで統一されたレンダリングを行います。しかし、Firefoxは<form>にパディングを追加しているようだ。Firefoxでは余分なフォームパディングがありますが、Safariでは使用できません。

は、ここでは、Safariでレンダリングする方法は次のとおりです。

Safari

は、ここでは、Firefoxでレンダリングする方法は次のとおりです。

Firefox

私のコードは、以下のjsFiddleで見つけることができます。誰が問題が何であるか知っていますか? Firefoxでこれを修正したいのですか?

http://jsfiddle.net/feBvz/

+0

どういうふうに '

+0

私は私のRailsアプリケーション用のフォームを使用しています。私は 'button_to'を実装しようとしましたが、隠しフィールドを含めながらその方法を理解する必要があります。だから私はCSSで修正できるかどうかを知りたがっています。 – tvalent2

+1

埋め込みにem単位を使用している可能性があります私はこれらのタイプのエラーを見つけました。私のWebページはGoogle Chrome、IE、Firefoxで異なって表示されていました。すべてのブラウザで、私の参考になる助言は、font-sizeにのみpx alwaysとemまたはpt単位を使うことです – niko

答えて

0
<button class="button white" name="commit" title="Hover" type="submit" value="+">+</button> 

これは私のブラウザで[OK]を探します。あなたが特定のレール機能を使用しなければならないと言ったという事実のために、あなたの問題を解決できないかもしれません。

また、Uniform jsを使用すると、入力要素のスタイリングをより細かく制御できます。 Uniform js

関連する問題