I included the link to caniuse: http://caniuse.com/#search=calc

It's quite well supported, back to IE9 (with one small caveat).

You are correct with your solution, provided the flexibility up to the
max-width is desired.




On Wed, Mar 30, 2016 at 4:05 PM, Karl DeSaulniers <k...@designdrumm.com>
wrote:

> The correct way I believe is
>
> #sidebar {
> width: 20%;
> max-width: 275px;
> }
>
> Since not al browsers do the calc();
>
> HTH,
>
> Best,
> Karl
>
>
> Sent from losPhone
>
> > On Mar 30, 2016, at 2:02 PM, Tom Livingston <tom...@gmail.com> wrote:
> >
> > Easiest way I can think of is using calc. .content{width: calc(100% -
> > 275px);}
> >
> > http://caniuse.com/#search=calc
> >
> >> On Wed, Mar 30, 2016 at 2:21 PM, J.C. Berry <jcharlesbe...@gmail.com>
> wrote:
> >>
> >> Is this possible?
> >>
> >> SIDEBAR         CONTENT
> >> 275px               80% (?)
> >>
> >>
> >> --
> >> J.C. Berry, M.A.
> >> UI Developer
> >> 619.306.1712(m)
> >> jcharlesbe...@gmail.com
> >> http://www.mindarc.com
> >>
> >>
> ------------------------------------------------------------------------------------------------------------------------------------------------
> >>
> >> This E-mail is covered by the Electronic Communications Privacy Act, 18
> >> U.S.C. ?? 2510-2521 and is legally privileged. This information is
> >> confidential information and is intended only for the use of the
> individual
> >> or entity named above. If the reader of this message is not the intended
> >> recipient, you are hereby notified that any dissemination, distribution
> or
> >> copying of this communication is strictly prohibited.
> >>
> >>
> ------------------------------------------------------------------------------------------------------------------------------------------------
> >> ______________________________________________________________________
> >> css-discuss [css-d@lists.css-discuss.org]
> >> http://www.css-discuss.org/mailman/listinfo/css-d
> >> List wiki/FAQ -- http://css-discuss.incutio.com/
> >> List policies -- http://css-discuss.org/policies.html
> >> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
> >
> >
> >
> > --
> >
> > Tom Livingston | Senior Front End Developer | Media Logic |
> > ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com
> >
> >
> > #663399
> > ______________________________________________________________________
> > css-discuss [css-d@lists.css-discuss.org]
> > http://www.css-discuss.org/mailman/listinfo/css-d
> > List wiki/FAQ -- http://css-discuss.incutio.com/
> > List policies -- http://css-discuss.org/policies.html
> > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>



-- 

Tom Livingston | Senior Front End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com


#663399
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to