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