2012-02-13 24 views
0

Firefoxでのナビゲーションのレンダリングに問題があります。 ChromeとOperaではうまくいきますが、Firefoxでは全体のナビゲーションdivが右上隅に表示されます。ファイアウォールのCSSナビゲーションdiv浮動小数点

HTML:

<nav class="table"> 
    <ul id="menu"> 
     <li><a href="#">Business</a></li> 
     <li><a href="#">Specialities</a></li> 
     <li><a href="#">Contact us</a></li> 
    </ul> 
</nav> 

そして、CSSは次のとおりです。あなたが "0オート" に設定されている

.table { 
    display: table; 
    margin: 0 auto; 
    background: #ffe; 
} 


ul#menu { 
    min-width: 100%; 
    list-style: none; 
    margin: 1em 0 1em 0; 
} 

ul#menu li { 
    display: inline; 
    margin: 3em; 
    padding: 0; 
} 

ul#menu li a { 
    font-weight: bold; 
    font-size: 1em; 
    text-decoration: none; 
    text-transform: uppercase; 
} 
+2

問題をhttp://jsfiddle.netに設定できますか? – PeeHaa

+1

http://jsfiddle.net/8dMN2/ここに行く –

+1

FFのどのバージョンがFF9のように見えるので、どのバージョンのFFです。 – PeeHaa

答えて

1

属性マージン。情報が与えられたら、クロムの左上隅のナビゲーションも表示されます。そしてそれをそこに見るのは正しいです。

属性マージンは以下の構造を有する:マージン右マージン左、マージントップ及びマージン下://右上左下が

PeeHaa

ありがとうあなたは以下の属性を使用する場合、それは同じです。特定のマージンを指定する必要があります。

これは、あなたの質問に答えていない場合、あなたはあなたにいくつかの

position:fixed; 

または任意のタグのための

position:absolute; 

または

float:left/right; 

を持っているかどうかを確認する必要がありますhtml。

+0

また、ANY要素の 'position'または' float'を調べても実際には役に立ちません。 – PeeHaa

+0

あなたを魅了してください。 –

関連する問題