铬固定位置

Question

我的网站有个小问题，我有一个条子，上面有一个盒子，在IE，Firefox，Opera中一切都很好，但是在Chrome和Safari中，必须是在条形条上方的盒子，而不是在它上面。

 #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是容器，菜单是容器上方的框。

有人能帮帮我吗？

提前感谢

Answer 1

以防万一有人有同样的行为。

看起来，chrome认为加载页面后添加到DOM中的元素的视口(例如，使用jQuery.load())仅限于该元素的包含div。

我猜.asp是在文档加载之后注入您的barraDerecha，所以它相对于它的容器定位。

Answer 2

谢谢你的回答，你可以在Www.autos.ultimahora.com/altaanuco.html中看到这个例子

我不能把固定到#barraderecha，因为这样我的酒吧移动与菜单

下面是我使用这个课程的人：

<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>

您必须选择一个计划然后按下Siguiente按钮

Answer 3

对不起，菜单不是在#barraDerecha内吗？

如果是这样的话，除非您进一步指定位置，否则在#barraDerecha中固定是很自然的。

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

更好的描述(也许是视觉的描述)将有助于我更准确地描述问题。