Check out the "Computed" tab in Chrome Dev tools - it shows that 47.87234% is equal to 430.844 pixels which, without actually doing the math, makes sense because your container is 900px wide. I'm pretty sure you're going to run into pixel rounding issues with percentages like that though ( http://ejohn.org/blog/sub-pixel-problems-in-css/).
Chris Chris Rockwell On Thu, Sep 18, 2014 at 4:38 PM, John <j...@coffeeonmars.com> wrote: > http://www.coffeeonmars.com/170_su/client/portfolio/ > > At this link, I have 3 thumbnails which display horizontally and are > evenly distributed, and respect the 1.25em right and left padding of their > parent. > > Using good ol’ pen and paper, I calced the total width of the elements, > the padding of the parent, got my leftover space, and calculated that as a > percentage of the parent, so my margin-right would be that % value. > > It didn’t work! I fiddled with fewer digits after the decimal, then began > incrementing down, and it never did act right. But when I put in the “hard” > value in ems, it worked! > > Why so? Why would % not work? > > the selector for the first two thumbnails is below…commented out the > initial percent value. Thank you! > > .thumb-one-two{ > float:left; > width:270px; > /* margin-right:47.87234%; */ > margin-right:2.8125em; > } > > > thumb-three just has to have the correct width and float left: > > #thumb-three{ > float:left; > width:270px; > } > ______________________________________________________________________ > css-discuss [css-d@lists.css-discuss.org] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > List policies -- http://css-discuss.org/policies.html > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
