2012-03-17 7 views
1

親要素に-3pxの負のマージンを適用すると、すべての子が右側(FirefoxとIE8)に移動しますが、Chromeでは完全に正常です中央に位置する)。Firefoxのマイナスの余白で要素を右に移動

これを引き起こす原因は何ですか?

<div class="menu-tab"> 
     <div class="folder-tab"> 
     <span class="normal-small-text">Ingresar<i class="icon-chevron-down icon-white"></i></span> 
     </div> 
</div> 

マージントップクラス。これは、マージンを定義しようとクローム

enter image description here

とFirefox

まあ

enter image description here

+0

私たちは、おそらくあなたを助けることができるように多くのコード/問題の実例を必要としています。 – Jeroen

+0

これをチェックしてくださいhttp://coding.smashingmagazine.com/2009/07/27/the-definitive-guide-to-using-negative-margins/ –

+0

「メニュータブ」、「フォルダタブ」、 htmlコードに記載されているその他のCSSクラス –

答えて

5

これは問題を解決したようですが、私は答えとして書きます。

置き換えます

margin-top: -3px; 

を持つ:

position: relative; 
top: -3px; 
0

である.menu-tab

に適用されます私n親要素を0.menu-tab {margin:0;}とし、必要に応じて子要素のマージンを定義します。

+0

問題は、子が余白を負にしていても発生しましたが、相対位置が上位-3pxの親で固定しました。 – Danny

0

ミリメートル、私はなぜその要素にmargin-topを使用するために何らかの理由が表示されない、あなただけで簡単にline-heightとして、それをあなたのコンテナの高さを与えることができ、それは内部のテキストを中央にtext-align:centerと一緒に、自動的にセンタリングすべきです自動的にテキストをそのコンテナ内で垂直方向と水平方向の両方にセンタリングするコンテナです。

関連する問題