2009-07-15 17 views
2

私はサイトに少し問題があります。バーがあり、バーの上に浮かぶボックスはIE、Firefox、Operaではすべて正常に動作しますが、ChromeとSafariではそれ以上のバーサイドではバーの上にならないでください。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はコンテナであり、メニューは、コンテナ

以上になるボックスは、誰かが私を助けてくださいことはできますか?

+0

私はOpera、Firefox、またはChromeで違いは見られません。ただし、どのブラウザでも要素が固定されているようには見えません。 – DisgruntledGoat

+0

右のバーを表示する計画がある –

答えて

0

恩赦私の事前のおかげで、しかし#barraDerecha内#menuされていませんか?

もしそうなら、あなたが位置をさらに指定しない限り#barraDerecha内で修正されるのは当然のことです。

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

より良い説明(おそらくビジュアル)は、問題をより正確に記述するのに役立ちます。あなたはwww.autos.ultimahora.com/altaanuncio.html

の例を見ることができますuはトールに答えるため

+0

標準によれば、固定された位置は、常に親にではなく、ビューポートを基準にしています。 – Residuum

1

おかげで、私はそのように#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ボタンをプッシュする必要が

+0

私はそれが必要です:( –

2

誰かが同じクローム行動を起こしている場合に備えて。

クロムは、ページがロードされた後に(たとえば、jQuery.load()を使用して)DOMに追加された要素のビューポートがこの要素のdivを含むとみなしているようです。

ドキュメントロード後に.aspがbarraDerechaを注入しているので、コンテナに相対的な位置に配置されているようです。

+0

それは解決されたように見えます –