Положение зафиксировано в Chrome - PullRequest
Новая
       27

Положение зафиксировано в Chrome

2 голосов
/ 15 июля 2009

У меня небольшая проблема с моим сайтом, у меня есть панель и на ней окно, которое всплывает над панелью, все отлично работает в 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 - это контейнер, а menu - это поле, которое находится над контейнером

Может кто-нибудь помочь мне, пожалуйста?

Заранее спасибо

Ответы [ 3 ]

2 голосов
/ 01 июня 2012

На всякий случай, если у кого-то такое же поведение хрома.

Похоже, что chrome считает, что область просмотра элемента, добавляемого в DOM после загрузки страницы (например, с помощью jQuery.load ()), ограничена содержимым div этого элемента.

Я полагаю, что .asp вводит ваш barraDerecha после загрузки документа, поэтому он позиционируется относительно своего контейнера.

1 голос
/ 15 июля 2009

Спасибо за ответ. Вы можете увидеть пример в www.autos.ultimahora.com / altaanuncio.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

0 голосов
/ 15 июля 2009

Простите, но разве не #menu в #barraDerecha?

Если это так, вполне естественно, что оно будет исправлено в #barraDerecha, если только вы не укажете позицию. 

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

Лучшее описание (возможно, наглядное) помогло бы мне более точно описать проблему.

...