CSS позиция отличается в FF и IE - PullRequest
Новая
       33

CSS позиция отличается в FF и IE

1 голос
/ 10 июня 2009

Я пытаюсь расположить некоторые элементы на странице в абсолютных позициях. Я использовал следующий тестовый код (я заменил <> на [], чтобы пройти через очиститель HTML): 

<body>
  <div style="position=absolute; top=100px; left=100px"> HELLO 100,100</div>
  <div style="position=absolute; top=200px; left=100px"> HELLO 200,100</div>
  <div style="position=absolute; top=0px; left=0px"> HELLO 0,0</div>
</body>

Это делает то, что, по-видимому, должно быть сделано в IE, но просто передает div один под другим в FF (3.0). Я знаю, что поддержка CSS довольно переменная. Чего мне не хватает, и есть ли более стандартный способ сделать это?

Ответы [ 2 ]

5 голосов
/ 10 июня 2009

Проблема в вашем синтаксисе CSS.

Вместо: 

position=absolute;

поместить 

position: absolute;

Если вы хотите абсолютное позиционирование внутри другого тега, установите внешний тег относительно позиционированного: 

<div style="position:relative;">
  <div style="position:absolute;bottom:0;right:0;">
    This will be positioned in the bottom-right of the outer div.
 </div>
</div>
0 голосов
/ 10 июня 2009

Попробуйте заменить = на: 

<div style="position:absolute; top:100px; left:100px"> HELLO 100,100</div>
<div style="position:absolute; top:200px; left:100px"> HELLO 200,100</div>
<div style="position:absolute; top:0px; left:0px"> HELLO 0,0</div>
...