Thanks Chad,
I'll have a look at the article.
I have tested with:
aside: width: calc(40% - 0.6em - 2px);
nav: width: calc(20% - 0.6em - 2px);
section: width: 40%;
but still no luck :o)
Thanks for the heads up with the content, I've changed it to main.
Best regards
Kristian
Chad Lundgren
Thanks guys for the feedback.
I have tried to change my padding and border or just border from em to
%, but that did not fix it, allthough it looked a lot better with a
smaller gap.
I then tried to change aside and nav to width to 20/40% - 0.9em and
section width: 40%;
No luck either.
My e
Another way to avoid calc would be to use box-sizing: border-box, which
will subtract the border (and padding) from the overall width of each box.
Some people argue you should apply it to everything --
http://www.paulirish.com/2012/box-sizing-border-box-ftw/ -- a view I agree
with.
There is still
You can avoid the calc in the section by putting the nav first in the body
floated left as you have, then put the aside floated right as you have,
then take the calc width of the section out and let it fit in between the
left and right portions.
It seems to work for me.
--- John Andrews
(forgot
Hi Kristian, i never used calc() but i think browsers will render your
boxes unpredictable if you mix borders-widths of em and widths in %. I
assume that zooming then causes each browser to round widths differently.
Best
Ludwig
On Tue, Apr 7, 2015 at 10:59 AM, Kristian Dahlgaard
wrote:
> I'm h
I'm having an issue with Chrome, which does not line up the 2 boxes
'section' and 'aside'.
If I zoom my browser window, the space between the 2 boxes gets larger
or disappears and the line up perfectly like 'nav' and 'section.
I've tried to use px instead of em, but that does not change the res