позиция: исправлена ​​без использования doctype в IE

Question

Как мы можем исправить элемент на странице HTML без использования <!doctype>?

Answer 1

Использование absolute positioning (например, position: absolute или position: fixed) в стиле (examples):

Абсолютные (прокручивается с страницы):

<style type='text/css'> 
#foo { 
    position: absolute; 
    left: 10px; 
    top: 10px; 
} 
</style> 
<div id='foo'>This is foo at 10x10</div> 

Или, если вы предпочитаете рядный:

<div style='position: absolute; left: 10px; top: 10px;'>This is foo at 10x10</div> 

Исправлено (не прокручивается):

<style type='text/css'> 
#foo { 
    position: fixed; 
    right: 10em; 
    top: 2em; 
} 
</style> 
<div id='foo'>This is foo at 10x10</div> 

Или, если вы предпочитаете рядный:

<div style='position: fixed; right: 10em; top: 2em;'>This is foo in the upper right</div> 

Или, если вы хотите сделать это с помощью JavaScript (так как ваш вопрос был originallly помеченной javascript):

var div = document.getElementById('foo'); 
div.style.position = "absolute"; // or "fixed" or whatever 
div.style.left = "10px"; 
div.style.top = "10px"; 

---

OFF- тема, но я бы всегда рекомендую использовать DOCTYPE. Без этого вы сталкиваетесь с различными причудами почти в каждом браузере. Хотя у вас все еще есть различия в браузерах с DOCTYPE, их меньше и бит менее безумный ...

Answer 2

Ключ к элементу абсолютной или фиксированной позиции заключается в том, что он является родительским элементом (допустим, контейнер div) иметь position:relative;

например, если у вас есть контейнер DIV, который 960px в ширину и в центре страницы (как показано ниже):

<div class="container"> 
    <div id="AbsolutePositionedBox"> 
     // Box Content Goes Here 
    </div> 
</div> 

СМЧ, чтобы заставить его работать правильно будет:

Как и в случае с упомянутым выше TJ, фиксированное позиционирование остается, даже когда пользователь прокручивает, где абсолютное положение просто позиционируется относительно элемента и будет прокручиваться вместе с остальной частью содержимого.

Опять же, я бы также всегда рекомендую использовать doctype.