0

IE と Chrome で動作しますが、firefox では整列が壊れています。誰かが私を助けることができますか？問題は「.menu_central .navegacao li」の行にあります。「border: 1px solid #000; width: 215px;」なし 動作しますが、動作しません。

私はFirefoxで中心を合わせる必要があります。

<html>
    <head>
        <meta http-equiv="Content-Language" content="pt-br" />
        <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
        <style>
            html { color: #000; background: #FFF; }
            body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin : 0; padding : 0; }
            table { border-collapse : collapse; border-spacing : 0; }
            fieldset, img { border : 0; }
            address, caption, cite, code, dfn, em, strong, th, var { font-style : normal; font-weight : normal; }
            li { list-style : none; }
            caption, th { text-align : left; }
            h1, h2, h3, h4, h5, h6 { font-size : 100%; font-weight : normal; }
            q:before, q:after { content : ''; }
            abbr, acronym { border : 0; font-variant : normal; }
            sup { vertical-align: text-top; }
            sub { vertical-align: text-bottom; }
            input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; }
            legend { color : #000; }

            html, body {
                margin-top: 0px;
                margin-left: 0px;
            }
            .menu_central {
                width: 100%;
                position: fixed;
                top: 0px;
                left: 0px;
                border-bottom: 1px solid #000;
            }
            .menu_central .navegacao { 
                line-height: 30px;              
                text-align : center;                

                /* Firefox */   
                display: -webkit-box;
                -moz-box-pack: center;
                -moz-box-align: center;

                /* Safari and Chrome */
                display: -webkit-box;
                -webkit-box-pack: center;
                -webkit-box-align: center;

                /* W3C */
                display: box;
                box-pack: center;
                box-align: center;

            }
            .menu_central .navegacao li { 
                border: 1px solid #000;
                width: 215px;
            }
        </style>
    </head>
    <body>
        <div class="menu_central">
            <ul class="navegacao">
                <li><span class="inicial_nome">Q</span>uem Somos</li>
            </ul
        </div>
    </body>
</html>
4

2 に答える 2

0

コメントで言ってた通り

交換：

border: 1px solid #000;

と：

outline: 1px solid #000;

これは、アウトラインがスペースを取らないためです。したがって、すべてのブラウザで機能するはずです。境界線がなくなったため、残りの div に 1px または 2px を追加する必要がある場合があります。

于 2013-06-03T13:57:08.283 に答える