2009-06-10 4 views
1

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

<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, а просто течет дивы один под каждым другое в FF (3.0). Я знаю, что поддержка CSS довольно изменчива. Что мне не хватает, и есть ли более стандартный способ сделать это?

+1

@Jessica - Вам не нужно менять свой код, чтобы избежать проблем с синтаксическим разбором ... просто введите каждую строку кода с 4 пробелами (после четкой строки), а форматирование сделает все остальное за вас. ;-) См. Здесь полную информацию о том, как использовать Markdown (используемая здесь система) http://stackoverflow.com/editing-help – scunliffe

ответ

5

Проблема заключается в вашем синтаксисе 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

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

<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> 
Смежные вопросы