Форум

free_style · #1 (**permalink**) 12.12.2014, 13:47

Всем привет!

Вот часть кода, которая вставлена в основной <div data-role="page">.

<style>
#screen_id {
   top: 50;
   left: 50;
   position: absolute;
}
</style>

<body>
<div data-role="page">
     <div id="screen_id">
     </div>
</div>
</body>

Вопрос, почему когда просматриваю свойство <div id="screen_id">

$('#screen_id').css('top')

выдает значение "auto", а не "50" - значение прописанное в таблице стилей? Как быть?

krasovsky · #2 (**permalink**) 15.12.2014, 08:08

Какой браузер?
Проблема в том что разные браузеры могут вернуть разные значения, которые могут не совпадать со значениями определенными в .css-файле. Точнее по идее браузер должен вернуть вычисленное значение, вопрос в том почему у тебя оно равно auto ? Может быть position этого элемента - static? top задается с position равным absolut\relative\fixed
Попробуй метод .position()

tsigel · #3 (**permalink**) 16.12.2014, 08:15

free_style,
Скорее всего потому что вы не указали единицы измерения в связи с чем стиль не корректный и игнорируется браузером

<style>
#screen_id {
   top: 50px;
   left: 50px;
   position: absolute;
}
</style>

<body>
<div data-role="page">
     <div id="screen_id">
     </div>
</div>
</body>

Форум

Справочник

Discord чат

Курсы javascript