General developer forum

css Calc() problem

 
Picture of Benoît Rousseau
css Calc() problem
 

Hi, I have a problem with my css theme, 


In my css code i put : 

.p-a-1 {

     margin-left: -315px;

width : calc(100% + 345px);

}

But when I load the page, if I check the source code, the second line are not showing.


Developper tool : 

.p-a-1 {
  1. margin-left: -315px;
}

What is the problem ?

 
Average of ratings: -
Picture of Benoît Rousseau
Re: css Calc() problem
 
I found a solution : 


.p-a-1 {

    margin-left: -315px;

    margin-right: -30px;

    width: -webkit-fill-available;

    right: 0;

    left: 0;

}


 
Average of ratings: -
Picture of Fábio Rocha
Re: css Calc() problem
 

Hi, got exactly the same problem overhere.

But I don't want to use your solution.

Does anyone have any idea how to solve this bug? Or why is this happening?

 
Average of ratings: -
Me
Re: css Calc() problem
 

Could it be as simple as the fact that you have a space next to width?

width : calc(100% + 345px);  

As opposed to:

width: calc(100% + 345px);

?????


 
Average of ratings: -