Hey, thanks Phillipe! Don't know why I didn't think about that. I go to
float:left by default always, I guess. Thanks also for the reference to
the W3 spec. That was exactly what I wanted to know. Is the full
functionality of this recommendation implemented by the big browsers?
On Mon, Dec 12, 2011 at 11:48 PM, Philippe Wittenbergh <e...@l-c-n.com>wrote:
>
> On Dec 13, 2011, at 2:25 PM, David Odefey wrote:
>
> > Thanks for the feedback. I was hoping there was a solution that allowed
> me
> > to keep both my percentage based widths as well as the static width
> > borders.
>
> You could float your sidebar to the right and set its margin-left to 0,
> that would fix your issue across multiple browsers, without you having to
> change any of your calculations.
>
> > If I can't find a way to do this I am planning on reducing one of
> > the widths a bit. I wish there was a way to do something like
> > .selector {
> > width: 61%-4px;
> > }
>
> width: calc(61%-4px);
>
> http://www.w3.org/TR/css3-values/#calc
> (IE 9 and Firefox only atm)
>
> > A few things I'm curious about is why does Chrome render how i want, and
> > why is the total width in FF 100%+1px, not 100%+4px? (4 1px borders)
>
> It depends on the way browsers round off fractions of a pixel (px).
>
> your width may compute to 500.5px; some browser will round that up, some
> will round that down. In addition, browsers vary slightly on how the
> position the border in that case (in order to keep said border crisp - if
> the border is position over 2 adjacent pixels, it would look blurred)
>
> Philippe
> --
> Philippe Wittenbergh
> http://l-c-n.com/
>
>
>
>
>
>
> ______________________________________________________________________
> 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/
>
______________________________________________________________________
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/
