CSS: абсолютное позиционирование в разных браузерах



Почему это происходит с разными позициями в разных браузерах?



{
position: absolute;
left:332px;
top: 210px;
width: 293px;
height: 215px;
border: 1px solid #000000;
background-color: #143f72;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}


В IE он идет влево, как 100px по сравнению с Firefox, а в Chrome он идет как 100px вправо по отношению к FF... Почему?



Edit: html-это просто <div id="container"><div id="the_css_above_div"></div></div>



#container имеет следующий css:



#container{
float:left;
width: 632px;
}


Спасибо!

462   2  

2 ответов:

Заставил его работать... Родительский div должен иметь position:relative в объявлении CSS. Если кто - то столкнется с этой проблемой, проверьте ваш родительский div:)

Ваш родительский div должен иметь position:relative;. В противном случае ваш position:absolute; будет позиционироваться со всей страницы. Если родительский див имеет относительное позиционирование абсолютное положения дел основывается на его родителей.

Comments

    Ничего не найдено.