Позиция фиксированная и Internet Explorer

это мой css. Он отлично работает в firefox, но не работает в IE.

#Createinner {
    position: fixed; 
    width: 400px; 
    height: 280px; 
    margin-left: -200px; 
    margin-top: -140px; 
    top: 50%; 
    left: 50%; 
    background-color: #ccc; 
}

Как это решить.

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

Ответы

Ответ 1

Просто добавьте тег DocType вверху страницы

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Ответ 2

Какая моя проблема с IE была в коде:

http://annevankesteren.nl/test/examples/ie/position-fixed.html

в основном добавлено:

 h1{
  position:fixed;
  _position:absolute;
  top:0;
  _top:expression(eval(document.body.scrollTop));
 }

Ответ 3

для фиксированной позиции в IE 8 DOCTYPE очень важен.

один из:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">

или

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">

или

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

или

<!DOCTYPE HTML>

И очень важно, чтобы

они находятся в первой строке.

CSS

#footer
  {position: fixed; right: 0px; bottom: 0px; }

HTML:

<div id="footer" >
       Fixed Div
</div>

Ответ 4

IE6 не поддерживает фиксированную позицию.

Если вам действительно нужно это работать в IE6, используйте условные комментарии, чтобы служить только CSS файлу IE и поддельным position:fixed с выражениями CSS.

(отредактирован для исправления информации о версии IE).

Ответ 5

Недавно я написал плагин jQuery, чтобы получить позицию: исправлена работа в IE 6+. Он не дрожит на свитке, он смотрит на возможности (не пользовательский агент), работает в Internet Explorer 6, 7, 8.

Если вы используете строгий режим в позиции IE7 +: исправлено будет выполнено, но по умолчанию IE7 + работает в режиме Quirks. Этот плагин проверяет возможности браузера, и если он не соблюдает позицию: фиксированный, то он реализует исправление jQuery.

http://code.google.com/p/fixedposition/

Что-то вроде этого может работать для вас:

$(document).ready(function(){
   $("#Createinner").fixedPosition({
      debug: true,
      fixedTo: "bottom"
   });
});

Вам может потребоваться внести некоторые незначительные корректировки CSS, чтобы заставить его работать для вашего кода. Я работаю над значениями "смещения" в качестве параметров, которые мы говорим.

Ответ 6

Версии IE pre 8 не поддерживают правильную позицию.
В чем проблема с CSS, например. почему он не работает, что вы видите на экране?

Ответ 7

http://ieproblems.blogspot.com/ использовать эту проблему, она решит вашу проблему

#mainDiv{
overflow:auto;
}

#subDiv{
position:relative;
top:expression(this.offsetParent.scrollTop+'px');
left:expression(this.offsetParent.scrollTop+'px');
}

<html>
<head>

</head>

<body>

<div id="mainDiv">
<div id="subDiv">
This Text is Fixed
</div>
</div>

</body>

</html>

Ответ 8

Вы отметили это как HTML, но `` не является элементом HTML. Internet Explorer не позволит вам стилизовать элементы, которые он не распознает. - Использовать только HTML-элементы [1] в документах HTML Дел > Вы обновили свой вопрос, так что, похоже, вы используете селектор id, а не селектор типов. Это делает мой оригинальный комментарий неуместным.

IE 6 не поддерживает position: fixed

Используйте обходные пути, если вам нужно поддерживать IE6

Другие версии IE не поддерживают position: fixed в режиме quirks

Используйте режим стандартов, запускающий Doctype (как правило, HTML 4.01 Strict - правильный выбор)