Форум Сайтостроение Веб-строительство

Проблема с отображением position:fixed;

[Удален]
785

Уважаемые вебмастеры, помогите советом:

Есть код:

в CSS: 

#mask {

    position:absolute;

    left:0;

    top:0;

  z-index:1000;

    background-color:#000;

    display:none;

    }

  

    #boxes .window {

    position:absolute;

    left:0;

    top:0px;

    bottom:0px;

    height:0px;

    width:440px;

    display:none;

    padding:20px;

  z-index:9999;

    }  

#boxes #dialog {

    position:fixed;

    width:600px; 

    height:400px;

    padding:10px;

    background-color:#ffffff;

    }

В html: 


<head>



<script type="text/javascript" src="jquery-1.3.2.min.js"></script>

    <script>

$(document).ready(function() {   

    $('a[name=modal]').click(function(e) {

    e.preventDefault();

    var id = $(this).attr('href');

  

        var maskHeight = $(document).height();

    var maskWidth = $(window).width();

  

    $('#mask').css({'width':maskWidth,'height':maskHeight});

  

    $('#mask').fadeIn(1000); 

    $('#mask').fadeTo("slow",0.8); 

  

    var winH = $(window).height();

    var winW = $(window).width();

  

   $(id).css('top',  winH/2-$(id).height()/2);

    $(id).css('left', winW/2-$(id).width()/2);

  

    $(id).fadeIn(2000); 

  

   });

  

    $('.window .close').click(function (e) {

e.preventDefault();

    $('#mask, .window').hide();

    }); 

 

    $('#mask').click(function () {

    $(this).hide();

    $('.window').hide();

    }); 

  

    });  

</script>



</head>





<body>

<a href="#dialog" name="modal" class="txt">ССЫЛКА</A>







<div id="boxes">  

<div id="dialog" class="window"> 

Инфа в открывающемся окошке.

</div>

</div>



</body>

Проблема в том, что я хотел задать открывающемся окну position:fixed; что бы подгружаемая страничка открывалась посередине экрана, в Firefox - все работает, в IE - не работает...:(

В чем может быть причина или ошибка? Или может чего недописали?

Ёхан Палыч
На сайте с 07.05.2006
Offline
169
Ёхан Палыч
#1

Попробуйте такой фикс 

#boxes #dialog {

    width:600px; 

    height:400px;

    padding:10px;

    background-color:#fff333;

    position: absolute;

    top: expression(eval(document.documentElement.scrollTop));

    }
[Удален]
#2
Ёхан Палыч:
Попробуйте такой фикс

Нет, ничего не изменилось.:(

Ёхан Палыч
На сайте с 07.05.2006
Offline
169
Ёхан Палыч
#3
hunfi:
Нет, ничего не изменилось

А у меня изменилось) IE8

Проблема не нова http://yandex.ru/yandsearch?text=position%3Afixed+%D0%B2+IE&clid=48648&lr=2

Может отказаться от fixed вообще?

[Удален]
#4
Ёхан Палыч:
А у меня изменилось) IE8
Проблема не нова http://yandex.ru/yandsearch?text=position%3Afixed+%D0%B2+IE&clid=48648&lr=2
Может отказаться от fixed вообще?

Я так понимаю, что это единственный выход - через absolute делать...

Ёхан Палыч
На сайте с 07.05.2006
Offline
169
Ёхан Палыч
#5
hunfi:
Я так понимаю, что это единственный выход - через absolute делать...

Да нет, любую вещь можно сделать разными способами. Если ИЕ критичен, то надо долго ковыряться, так как и дрожать при скролле будет и т.п. Если не критичен - забить.

Если делать absolute, то, возможно, получится не то, что вы хотели изначально. Я бы не парился.

В сети появились в Новый постоянный интерфейс Яндекс.Картинок Юзабилити сайта: Кто оплатит

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий