0

why does the w3c css validator give me errors on these expressions:

#logo {
width: calc(0.85*6.25rem);
height: calc (10.8125rem*0.85);
}

.navpad {
padding-top: calc(0.05*(100% - 12*1.5*1rem - (10.8125rem*0.85)));
}

thanks for any tips

tbodt
  • 16,609
  • 6
  • 58
  • 83
georg_m
  • 1
  • `root ems` don't work for me.. Try with `ems`, also try adding a space between each number and operator. Finally try to have only one calculation per bracket.. So break up `100% - 12*1.5*1rem` with another set of brackets.. Try all and let me know =) calc is only supported on some browsers. – Dom Jul 09 '13 at 11:27
  • It's worth bearing in mind that the `calc()` function is considered an at-risk feature and may be dropped from the spec during the CR period. I wouldn't recommend using it in production code. – James Holderness Jul 09 '13 at 12:07
  • See [Parse errors when using calc with rem and px](http://stackoverflow.com/q/18035088/1591669) – unor Jun 03 '15 at 09:26

1 Answers1

0

You should to remove whitespace here: calc (10.8125rem*0.85);

YD1m
  • 5,845
  • 2
  • 19
  • 23