quick CSS job for someone

**Zeiss** · 01-12-2013, 03:02 AM

http://www.w3schools.com/css/default.asp

**karapandza** · 01-12-2013, 03:29 AM

Originally posted by Zealotry

http://www.w3schools.com/css/default.asp

that's where I learned all that I need about html, css and php

**Spudman** · 01-12-2013, 04:13 AM

anyone know how i can do this in all browsers? it only works in ff,
width: calc(100% - 100px);

**LouiseLloyd** · 01-12-2013, 05:16 AM

Originally posted by Spudman

anyone know how i can do this in all browsers? it only works in ff,
width: calc(100% - 100px);

Is this not the same as:

margin-left: 50px; margin-right: 50px; width: 100%;

or adjust margin-left or margin-right to 100px and delete the obsolete one, depending which side you want it.

**LouiseLloyd** · 01-12-2013, 06:05 AM

Originally posted by Spudman

anyone know how i can do this in all browsers? it only works in ff,
width: calc(100% - 100px);

Is this not the same as:

margin-left: 50px; margin-right: 50px; width: 100%;

or adjust margin-left or margin-right to 100px and delete the obsolete one, depending which side you want it.

**acctman** · 01-12-2013, 08:50 AM

this should do the trick

Code:

.calc {
width: 100px;
height: 100px;
border: 1px solid #f00;
padding: 10px;
 
/* Firefox */
width: -moz-calc(75% - 100px);
/* WebKit */
width: -webkit-calc(75% - 100px);
/* Opera */
width: -o-calc(75% - 100px);
/* Standard */
width: calc(75% - 100px);
}

**fris** · 01-12-2013, 08:55 AM

never used calc before ;)

quick CSS job for someone

quick CSS job for someone

Comment

Comment

Comment

Comment

Comment

Comment

Comment