Feste Positionierung funktioniert nicht im Firefox

Habe ich folgenden HTML-Code in meine Webseite, wo ich will, dass die sidebar fixiert auf der linken Seite.Es funktioniert in Chrome, aber Firfox ist nicht die Anzeige der sidebar als Feste :

<div id="sidebar">
    <!-- Logo -->
        <div >
            <h1>Heading</h1>
        </div>
            <!-- Nav -->
                <nav id="nav">
                    <ul>
                        <li><a href="#target1" >About</a></li>
                        <li><a href="#target2" >Works</a></li>
                        <li><a href="#target3" >Our Team</a></li>
                        <li><a href="#target4" >Contact</a></li>

                    </ul>
                </nav>

</div>

den CSS-Code für obigen code ist :


#sidebar
{
    position: fixed;
    top: 0;
    padding: 3em 1.35em 1em 1.15em;
    height: 100%;
    width: 12em; 
    background: #364050 ;
    box-shadow: inset -0.1em 0em 0.35em 0em rgba(0,0,0,0.15);
}

bitte machen Sie mir einige Lösung, so dass die sidebar bleibt fest in Firefox.

DOWNVOTERS BITTE KOMMENTAR ERSTE.

scheint zu funktionieren gut für mich. ich würde auch hinzufügen left:0; zu Ihrer css
Können Sie beschreiben, was passiert in Firefox? Noch besser, machen Sie einen Geige und uns zeigen. Auch, möchten Sie vielleicht versuchen Sie left: 0; zu #sidebar
Kann nicht sehen, nichts falsch: jsfiddle.net/sH4ZX
link wurde Hinzugefügt, um der Frage.eigentlich eine mehr-Selektor anwenden von Stil die sidebar enthält nur left:0.Ich habe versucht, indem position : fixedzu dieser Selektor, aber es funktioniert nicht.

InformationsquelleAutor vertexion | 2013-07-19

Leave a Reply

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.