Jquery не хочет задавать сss параметры для top и left, как можно это исправить?

Question

[BloodySucker]

Здравствуйте, есть вот такой код:

$(object).css({'position': 'fixed', 'top': 'calc(50% -'+(height/2)+')', 'left': 'calc(50% -'+(width/2)+')', 'width': width, 'height': height, 'display': 'none', 'box-shadow': '0px 0px 35px 0px rgba(0, 0, 0, 0.34);', 'background-color': '#FFF', 'border-radius': '3px', 'z-index': '9'});

Проблема состоит в том, что все параметры кроме top и left передаются, а они определяют позицию блока относительно размеров окна браузера, что делать через javascript весьма костыльно и очень сильно упрощает calc().

Как вариант думаю об использовании .offset(), но я с ним ранее не работал и не совсем понимаю, можно ли в него передавать не числовые значения.

Answer 1

[Александр Зачиналов]

нарушили синтаксис CSS потому что...
width: calc(50% - 100 ЕДИНИЦЫ ИЗМЕРЕНИЯ )

Comments

[Александр Зачиналов]

еще как вариант - top: 50%, left: 50%, margin-top : - height/2 (px), margin-left: -width/2 (px)

[BloodySucker]

margin с fixed не работает, да и, чтобы вы знали, jquery сам заменяет цифры на цифры+px.

[Алексей Уколов]

BloodySucker: Чтобы вы знали, вы в jquery не цифры передаете, а строку 'calc(50% - 100)', ничего он туда подставлять не будет.

[Александр Зачиналов]

BloodySucker: с каких это интересно времен для фиксированных элементов не работают маржины? )))

[Александр Зачиналов]

далеко не надо ходить, вот у вас слева меню тостера на fixed, я думаю вам не составит особого труда через DevTool самому проверить свой вброс

[Александр Зачиналов]

EXT: если есть поддежка мобил, то не забудьте еще и вендор приписать width: -webkit-calc();

Answer 2

[Роман]

вы неправильно написали условие в calc. До и после знака должны быть пробелы:
'top': 'calc(50% - '+(height/2)+')'