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;
}
Спасибо!
2 ответов:
Заставил его работать... Родительский div должен иметь
position:relativeв объявлении CSS. Если кто - то столкнется с этой проблемой, проверьте ваш родительский div:)
Ваш родительский div должен иметь
position:relative;. В противном случае вашposition:absolute;будет позиционироваться со всей страницы. Если родительский див имеет относительное позиционирование абсолютное положения дел основывается на его родителей.
Comments