Компания

Инвентарь

Наше все

Ководство

Техногрет

Фиксирование элемента в окне IE

HTML и CSS XSLT JavaScript Изображения Софт Etc

	Задача.	Сделать так, чтобы конкретный элемент на странице находился в одном и том же месте окна IE, независимо от состояния полос прокрутки. Или, проще говоря, эмулировать CSS-правило `position: fixed`.

Как это выглядит в браузере

<!-- Copyright (c) Art. Lebedev Studio | http://www.artlebedev.ru/ -->

    <head>
        <style type="text/css">
            body
            {
                margin: 0;
                padding: 0;
                width: 100%;
                color: WindowText;
            }
            #header
            {
                width: 100%;
                padding: 0.5em 0;
                background-color: ButtonFace; 
                color: ButtonText;
                position: fixed;
                top: 0;
                left: 0;
                //position: absolute;
                top: expression(
                    document.getElementsByTagName( 'body' )[0].scrollTop + "px"
                );
            }

            #content
            {
                background: Window url('grid-10.gif'); 
                padding: 2.2em 0;
                width: 100%;
                height: 3000px;
            }
        </style>
    </head>
    <body>
        <div id="header">Top Frame Content</div>
        <div id="content">
            <p>Middle Frame Content</p>
        </div>
    </body>
</html>