# Need help re: Section height calculation error

**URL:** <https://community.weweb.io/t/need-help-re-section-height-calculation-error/3794>\
**Category:** How do I?\
**Created:** [August 6, 2023, 10:02pm UTC](https://community.weweb.io/t/need-help-re-section-height-calculation-error/3794 "2023-08-06T22:02:02Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![fredo22](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/fredo22/32/2283_2.png) [@fredo22](https://community.weweb.io/u/fredo22)\
**Post date:** [August 6, 2023, 10:02pm UTC](https://community.weweb.io/t/need-help-re-section-height-calculation-error/3794/1 "2023-08-06T22:02:02Z")

</div>

Trying to set a section height to **calc(100vh - (106px))** but i get a current value of “INVALID OR UNEXPECTED TOKEN” . I get this whether or not I include quotation marks at the beginning and end of the calculation. Is there something obvious I’m doing wrong?

---

<div class="post-metadata">

**Author:** ![dorilama](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/dorilama/32/10403_2.png) [@dorilama](https://community.weweb.io/u/dorilama)\
**Post date:** [August 7, 2023, 6:16am UTC](https://community.weweb.io/t/need-help-re-section-height-calculation-error/3794/2 "2023-08-07T06:16:27Z")

</div>

can you show exactly how you bind the value? It looks like there is an error in the way you are building the string. Make sure you use standard quotes `"calc(100vh - 106px)"`

---

<div class="post-metadata">

**Author:** ![fredo22](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/fredo22/32/2283_2.png) [@fredo22](https://community.weweb.io/u/fredo22)\
**Post date:** [August 7, 2023, 2:48pm UTC](https://community.weweb.io/t/need-help-re-section-height-calculation-error/3794/3 "2023-08-07T14:48:56Z")

</div>

I was expecting the current value of the calculation to return a single integer which would represent the resulting height in pixels. When I use the quotation marks in the formula, the current value says “calc(100vh-164px)”. Is that normal for weweb?

---

<div class="post-metadata">

**Author:** ![luka](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/luka/32/1571_2.png) [@luka](https://community.weweb.io/u/luka)\
**Post date:** [August 7, 2023, 2:55pm UTC](https://community.weweb.io/t/need-help-re-section-height-calculation-error/3794/4 "2023-08-07T14:55:21Z")

</div>

It’s completely normal, the formula is plain string that is passed on to element CSS

---

<div class="post-metadata">

**Author:** ![dorilama](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/dorilama/32/10403_2.png) [@dorilama](https://community.weweb.io/u/dorilama)\
**Post date:** [August 7, 2023, 4:11pm UTC](https://community.weweb.io/t/need-help-re-section-height-calculation-error/3794/5 "2023-08-07T16:11:18Z")

</div>

when you bind values you are using javascript.  
`calc(100vh - (106px))` it’s not valod js, that’s why you get an error.  
binded values for css properties expect strings, so in your case the binded value should be like `"calc(100vh - (106px))"`.  
Again, mind what kind of quotes you are using, you want to use `"` or `'`