Using Borders

[B3]

If I have a red box above a blue box that are the same size, and place
a border around the whole red box it will appear 2px wider in width
than the blue box. When I didn't use blueprint css I would just lower
the width of the red box by 2px so the boxes would be the same size.
What would be the best way to deal with this situation using
blueprintcss?

[speedunk]

this really depends on how you are implementing the code... using your
previous code sample from this thread
http://groups.google.com/group/blueprintcss/browse_thread/thread/5b1c12b31996d29a....
I would remove the span-24 from your custom divs (head, infocontainer,
content, etc) which would remove the float:left setting and then you
could just apply the border to these divs. The other span-# divs will
determine the width of columns... it's redundant to always include the
span-24 on multiple divs.

This may not be the most technical explanation, but it's the way I
usually think about it. Maybe Christian could give a more technical/
precise explanation?

[bthr...@gmail.com]

Thanks! it makes sense :) I just want to do things the right way :)