{"action":"opened","issue":{"url":"https://api.github.com/repos/desandro/masonry/issues/795","labels_url":"https://api.github.com/repos/desandro/masonry/issues/795/labels{/name}","comments_url":"https://api.github.com/repos/desandro/masonry/issues/795/comments","events_url":"https://api.github.com/repos/desandro/masonry/issues/795/events","html_url":"https://github.com/desandro/masonry/issues/795","id":122973630,"number":795,"title":"Issue with fluide grid (percentage width columns)","user":{"login":"7R5N","id":6348502,"avatar_url":"https://avatars.githubusercontent.com/u/6348502?v=3","gravatar_id":"","url":"https://api.github.com/users/7R5N","html_url":"https://github.com/7R5N","followers_url":"https://api.github.com/users/7R5N/followers","following_url":"https://api.github.com/users/7R5N/following{/other_user}","gists_url":"https://api.github.com/users/7R5N/gists{/gist_id}","starred_url":"https://api.github.com/users/7R5N/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/7R5N/subscriptions","organizations_url":"https://api.github.com/users/7R5N/orgs","repos_url":"https://api.github.com/users/7R5N/repos","events_url":"https://api.github.com/users/7R5N/events{/privacy}","received_events_url":"https://api.github.com/users/7R5N/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2015-12-18T15:57:47Z","updated_at":"2015-12-18T15:57:47Z","closed_at":null,"body":"Hi, \r\n\r\nI’m not sure, but I don’t understand the way the left position is calculated on layouts based on percentage widths. \r\n\r\nThat even doesn’t work correctly in the example provided on your webpage: [http://codepen.io/desandro/pen/JFpeg]\r\n\r\n- One Column is 20% wide\r\n- an Item in the second column has a left value of \"19.777643590381132%\", or \"19.79269328802039%\", or \"19.813567394706403%\", depending on the width of the container\r\n→ I’m not a genius on maths … but, I thought that the second column should always start at 20% instead. \r\n\r\nThis uneven percentages lead to 1px flashing gutters, depending on the size of the container. \r\n@MacOSX; Safari, Chrome, Firefox …\r\n\r\nTo me, this looks like the script re-calulates to percent, what the browser formerly calculated in pixels from the percentages provided by CSS, like: \r\ncss/percentage → browser/pixel → script/percentage\r\n\r\nI’m aware that it’s not always possible to count with even pixels on fluid layouts: you simply can’t divide 981 pixels by 5 columns with non-comma-pixel-widths. \r\n\r\nBut, that’s what the percentage properties are for. They tell the browser \"that’s your job\". And the browsers are able to dived the space in columns. And when I set the left values to 20% (40%, 60%, 80%) in the WebInspector, there are no flashing gutters. \r\n\r\n→ Wouldn’t it be better to get/read the CSS width percentage value to directly set the left value …? \r\n\r\n"}}