CSS width calc function not working with website provider?

Question

When I run my code locally, everything is formatted correctly. When I try to upload the file onto GoDaddy, I'm getting an error on lines that have width: calc(100% - (x)px).

This is my code that I'm getting an error on:

.banner-links, .banner-links-under, .banner-links-up {
  position: absolute;
  width: calc(100% - 16px); /* Right here is where it says there's an error. */
  padding: 8px;
  text-align: right;
  height: 28px;
  color: black;
}

Is it a problem with GoDaddy not processing the calc() function? I have no idea what I'm doing wrong here.

Here is my error in picture form: in GoDaddy's uploader

Check my edit, I have uploaded a picture of my error in GoDaddy's uploader. — RephaelC
– RephaelC, Commented Mar 15, 2018 at 5:45
I wouldn't worry about it. Does it work well on browser when you open the site? — Nisarg Shah
– Nisarg Shah, Commented Mar 15, 2018 at 5:48
You're right Nisarg, I just went for it and it worked, despite the errors. — RephaelC
– RephaelC, Commented Mar 15, 2018 at 5:52
Have you tried using an alternate means of uploading. perhaps some ftp like filezilla? — Jnr
– Jnr, Commented Mar 15, 2018 at 5:56

Nisarg Shah · Accepted Answer · 2018-03-15 06:03:00Z

2

As evident from your screenshot, there is no error in CSS. It looks like the vendor's software doesn't recognize the calc function in CSS.

You can reach out to them if you want, and have them fix the issue. But I don't think it is necessary. As long as the CSS file is delivered correctly, and it works in the browser, this is not a problem.

answered Mar 15, 2018 at 6:03

Nisarg Shah

14.6k6 gold badges38 silver badges58 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

CSS width calc function not working with website provider?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related