2009-07-15 21 views
2

Ich habe ein kleines Problem mit meiner Website, ich habe eine Bar und darauf eine Box, die über der Bar schweben, alles funktioniert in IE, Firefox, Opera, aber in Chrome und Safari die Box, die muss Über der Bar schweben Bar auf der Bar Seite darüber.Position Fixed in Chrome

#barraDerecha 
{ 
    width:240px; 
    background-color:#e5e5e5; 
    border-left:solid 2px #CCC; 
    border-bottom:solid 2px #CCC; 
    position:absolute; 
    margin-top:-10px; 
    margin-left:717px; 
    height:auto; 
} 

#barraDerecha #menu 
{ 
    display:block; 
    position:fixed; 
    width:220px; 
} 

barraDerecha ist der Container und Menü ist das Feld, das über den Behälter bitte

Kann jemand mir helfen, geht?

Vielen Dank im Voraus

+0

Ich sehe keinen Unterschied in Opera, Firefox oder Chrome. Jedoch scheinen keine Elemente in jedem Browser eine feste Position zu haben. – DisgruntledGoat

+0

Sie müssen einen Plan haben, um den richtigen Balken zu sehen –

Antwort

0

Pardon, aber innerhalb #barraDerecha #menu nicht wahr?

Wenn ja, wäre es nur natürlich, dass es in #barraDerecha behoben würde, wenn Sie die Position nicht weiter angeben.

#barraDecha { 
    position:fixed; top:0; left:0; } 

Eine bessere Beschreibung (vielleicht eine visuelle) würde mir helfen, das Problem genauer zu beschreiben.

+0

Gemäß Standard ist Position fixiert immer relativ zum Ansichtsfenster, nicht zu einem Elternteil. – Residuum

1

Vielen Dank für u Thor beantworten Sie das Beispiel in www.autos.ultimahora.com/altaanuncio.html

sehen kann ich nicht meine Bar bewegen sich mit dem Menü

Hier auf diese Weise #barraderecha Ursache fixiert setzen kann ist, wer ich die Klasse verwenden :

<div id="barraDerecha" > 
<div id="barraRight" runat="server"> 
    <div style="padding:10px;" id="menu" > 
     <div class="titulosAzules15"> 
     <center> 
     <asp:Label ID="lblUsted" runat="server" Text="USTED ELIGÍO EL PLAN"></asp:Label> 
      <br /> 
      <br /> 
     <asp:Image ID="imgPlan" runat="server" /> 
     <br /> 
     <asp:Label ID="lblPrecio" CssClass="DestaquesBordo14" runat="server"></asp:Label> 
      <br /> 
     </center> 

     </div> 


    </div>  
</div>  
</div> 

Sie haben einen Plan zu wählen, und drücken Sie dann auf Siguiente Taste

+0

Bitte ich brauche es :( –

2

Nur für den Fall, dass jemand das gleiche Chrome-Verhalten bekommt.

Es scheint, dass chrome berücksichtigt, dass das Ansichtsfenster eines Elements, das dem DOM nach dem Laden der Seite hinzugefügt wird (z. B. mit jQuery.load()), auf das enthaltende div dieses Elements beschränkt ist.

Ich denke, ASP injiziert Ihre BarraDerecha nach dem Laden von Dokumenten, so dass es relativ zu seinem Container positioniert.

+0

sieht aus wie es gelöst wurde –

Verwandte Themen