Re: [css-d] White line between block content when zoom

2015-04-07 Thread Kristian Dahlgaard
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

Re: [css-d] White line between block content when zoom

2015-04-07 Thread Kristian Dahlgaard
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

Re: [css-d] White line between block content when zoom

2015-04-07 Thread Chad Lundgren
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

Re: [css-d] White line between block content when zoom

2015-04-07 Thread John Andrews
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

Re: [css-d] White line between block content when zoom

2015-04-07 Thread Ludwig Bekic
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

[css-d] White line between block content when zoom

2015-04-07 Thread Kristian Dahlgaard
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