开发者

Smallest of margin's between 2 floating divs in webkit

开发者 https://www.devze.com 2023-03-05 20:02 出处:网络
Any css guru want to educate a simpleton on this one?In Chrome (and I presume Safari as well) I\'m getting a small (maybe 1px) margin between 2 floating divs.Width of the left div is 58% and the right

Any css guru want to educate a simpleton on this one? In Chrome (and I presume Safari as well) I'm getting a small (maybe 1px) margin between 2 floating divs. Width of the left div is 58% and the right div is 42%. In Firefox there is no such margin. Haven't tried IE or Opera yet. Using Chrome's dev tool I did see that p has something called -webkit-margin-before and -webkit-margin-after which were set to 1em. I tried overriding that but it doesn't help. Probably unrelated. Any help?

Link to the page: http://www.audlibri.com

EDIT: confirmed same problem 开发者_高级运维in Opera 11.


Unfortunately, the best fix to this problem is setting body { background:#XXX; } to the same color of one of those columns (#788081 or #B7B59B). Hopefully there's no real need for them to be flush against each other.


It's a sub-pixel rendering problem with percent-based web layouts.

This short article by John Resig (of jQuery fame), explains it very clearly.

It's a little out of date (Jan 2008), but still applicable, I'm sure.

0

精彩评论

暂无评论...
验证码 换一张
取 消

关注公众号